最近在学习使用框架的时候，分别使用vue和react开发了两个移动端产品，对这两个框架的学习曲线有了一些感悟，这两个都是现在比较热门的js框架，它俩在使用方式上和学习复杂度上还是有很大区别的，这里简单总结下两者的差异。 vue由尤雨溪开发，由独立团队维护，现在大部分的子项目都交…

存取器的写法看上去就像设置一个属性一样了，而且我们还可以设置计算属性的值，上面的写法会影响到响应式属性n,当设置vm.a时，vm.n也会发生变化。 computed默认有缓存效果，当计算属性没有发生变化时，不会重新计算更不会重新渲染。 要了解watch，首先要知道属性发生变化的…

关于js对象的继承，es5和es6提供了两种不同的继承机制。es5通过修改原型链的方式实现继承，由此可见继承与原型，原型链的关系密不可分，本文将着重阐述这三者的关系。 一. 构造函数 说到原型，就不得不提到构造函数。什么是构造函数呢，简单来讲，它是一种用来创建对象的函数。在典型…

key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时，它会基于 key 的变化重新…

A→B→C传值方式是工作中最常见的传值方式，依次是组件的包含顺序。 当然，我们可以利用两次props接收参数，直到参数从A传到C，这种方式不再赘述。 还有通过vuex，不过有点大材小用，引起state维护的参数过多等，这种方式也不赘述了。 provice/inject传值的方式…

在JS中，原型链有时候让人觉得很胡里花哨，又是prototype、__proto__又是各种指向什么的，让人觉得很头疼。如果你也有这种感觉，或许这篇文章可以帮助到你 2、这里特别要注意的是prototype与__proto__的区别，prototype是函数才有的属性，而__p…

hash: 使用 URL hash 值来作路由。支持所有浏览器，包括不支持HTML5 History Api的浏览器； hash 值的改变，都会在浏览器的访问历史中增加一个记录。因此我们能通过浏览器的回退、前进按钮控制hash 的切换； 我们可以使用hashchange事件来监…

我们在最开始提到过，Vue从2.0+版本开始就引入了虚拟DOM，也知道Vue中的虚拟DOM借鉴了开源库snabbdom (opens new window)的实现，并根据自身特色添加了许多特性。 Vue在1.0+版本还没有引入虚拟DOM的时候，当某一个状态发生变化时，它在一定程…

JavaScript 都知道它是一门单线程的语言，这也就意味着 JS 无法进行多线程编程，但是 JS 当中却有着无处不在的异步概念 。要完全理解异步，就需要了解 JS 的运行核心——事件循环（event loop）。 js执行之后，程序输出 'start' 和 'end'，在大…