心豆茶

watch的实现原理同样是利用了watcher。不同的是：渲染watch在数据更新时去更新dom元素，而watch在数据更新时执行相对应的操作。 2.在createWatcher中把handler函数提取处理，成为最终数据更新后的回调函数。 3.创建一个Watcher实例，实现…

vue的元素挂载有顺序之分，如果存在render函数，就用render函数渲染组件；如果没有render函数，但是存在template，就将template中的内容编译成render函数，最后做渲染；如果既没有render函数也没有template函数，就获取el里的内容作为t…

dom-diff算法是为了在更新dom的时候尽可能地减少dom操作，本文主要阐述vue2.x中的dom-diff算法，它的主要原理就是比对新老两个虚拟节点。其中虚拟节点的格式如下： 在讲述dom-diff前先说明两个函数，分别是根据虚拟节点创建真实节点和更新节点属性。 vue中…

根据数据的响应式原理，在数据变化之后会触发dom的更新。但是如果一个数据更新就引起dom的重新渲染，这样显然会导致大大降低性能。因此vue采用异步更新，更新数据后不能立刻拿到最新的节点，但是可以通过nextTick等待页面更新好之后再获取最终的dom。 在vue中，数据的更新通…

在vue数据响应式原理（二）中已经实现了对象类型的依赖收集和依赖更新的。本节内容继续描述数据的依赖收集和依赖更新。 对于一个对象，是给每一个对象的属性定义了一个dep。而对于数组，则是给整个数组定义了一个dep。只要触发了这个数组的那七个方法，就会触发数据更新。 上面的代码表示…

数据被更改之后，vue需要把数据生成虚拟结点，然后渲染到页面上，既分别调用_render和_update方式，但是调用这两个方法的过程（vm._update(vm._render())）不应该由用户去执行，而应该由程序在数据被更改之后自动去调用。这就是依赖收集和更新过程。 创建…

1.通过options获取vue实例的参数2.初始化方法initMixinVue原型上添加_init方法Vue中的状态进行初始化initState（双向绑定）3.初始化状态4.initData数据劫持

javascript中的内存管理是自动执行的。那么这些基本类型、对象、函数所占用的内存是如何被释放的呢？我们以v8引擎的垃圾回收机制来解释这个过程。 如果我们想查看当前程序的内存使用情况，我们可以通过process.memoryUsage()来查看。 heapTotal是总共分…

“函数在JavaScript中是一等公民”。为什么这么说，因为函数身上承担着重任，他同时扮演着函数、对象和类的角色。我们都知道，在ES6之前js中是不存在类的，那么如何创建对象呢？我们可以通过在function前面添加new来创建实例。 在js中函数和对象默认都分别拥有一个属性…