摘要：
刚开始使用vue的时候容易被里面的样式搞懵： 样式可以在main.js中引入，在模块js文件中引入，在组件中的style标签引入，在组件中的script标签引入，还可以在index.html的body中引入。 我不禁要问: 1、从不同位置引入的样式到底是什么关系？ 2、在实际定义样式时应该定义在哪个 阅读全文
posted @ 2018-06-15 00:01
古兰精
阅读(7338)
评论(0)
推荐(0)
摘要：
其实不只是vue，react中在执行列表渲染时也会要求给每个组件添加上key这个属性。 要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。 我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的D 阅读全文
posted @ 2018-06-13 23:34
古兰精
阅读(1176)
评论(0)
推荐(0)
摘要：
1、强制要求参数 ES6提供了默认参数值机制，允许你为参数设置默认值，防止在函数被调用时没有传入这些参数。 在下面的例子中，我们写了一个required()函数作为参数a和b的默认值。这意味着如果a或b其中有一个参数没有在调用时传值，会默认required()函数，然后抛出错误。 2、强大的redu 阅读全文
posted @ 2018-06-13 23:06
古兰精
阅读(438)
评论(0)
推荐(0)
摘要：
先来看一个问题： 在之前看过的许多javascript书籍中，都宣称js是可以使用字符串作为数组下标的，因此我在用的时候也没觉得有什么不妥。但是在查看最后一句的控制台输出结果的时候，始料未及的情况出现了：length为0 显示的数组的length值居然是零，接着测试一下之前的步骤是否成功对数组进行了 阅读全文
posted @ 2018-06-13 22:39
古兰精
阅读(14143)
评论(6)
推荐(5)
摘要：
1、[Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined 注意，只要出现Error in render，即渲染时候报错，此时应该去渲染位置去找错误，而不是函数里面。 今天就碰到这个错误，我一直只注 阅读全文
posted @ 2018-06-13 00:07
古兰精
阅读(41942)
评论(0)
推荐(2)
摘要：
一、Web端即时通讯技术 即时通讯技术简单的说就是实现这样一种功能：服务器端可以即时地将数据的更新或变化反应到客户端，例如消息即时推送等功能都是通过这种技术实现的。 但是在Web中，由于浏览器的限制，实现即时通讯需要借助一些方法。这种限制出现的主要原因是，一般的Web通信都是浏览器先发送请求到服务器 阅读全文
posted @ 2018-06-11 23:50
古兰精
阅读(5670)
评论(0)
推荐(0)
摘要：
问题背景： vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话，我们可以使用路由的history的模式。比如如下网址：使用hash模式的话，那么访问变成 http://loc 阅读全文
posted @ 2018-06-11 23:14
古兰精
阅读(34983)
评论(0)
推荐(4)
摘要：
1、大文件定位 我们可以使用webpack可视化插件Webpack Bundle Analyzer 查看工程js文件大小，然后有目的的解决过大的js文件。 安装：npm install --save-dev webpack-bundle-analyzer 在webpack中设置如下，然后npm ru 阅读全文
posted @ 2018-06-11 22:31
古兰精
阅读(2606)
评论(0)
推荐(0)
摘要：
一、vue-cli4 配置gzip文件处理 1、第一步安装插件依赖，现在最新版本为7，实测有兼容问题，暂时使用5 npm i compression-webpack-plugin@5.0.1 --save-dev 2、在vue.config.js文件中配置 const CompressionWebp 阅读全文
posted @ 2018-06-11 22:13
古兰精
阅读(12579)
评论(2)
推荐(1)
摘要：
计算属性不是API，但它是Watcher类最复杂的一种实例化的使用，还是很有必要分析的。其实主要就是分析计算属性为何可以做到当它的依赖项发生改变时才会进行重新的计算，否则当前数据是被缓存的。计算属性的值可以是对象，这个对象需要传入get和set方法，这种并不常用，所以这里的分析还是介绍常用的函数形式 阅读全文
posted @ 2018-06-08 23:30
古兰精
阅读(886)
评论(0)
推荐(0)
浙公网安备 33010602011771号