海心鬟

实现 观察者模式的实现实际上就是使用回调模式，当状态变更时，调用回调通知观察者。 应用 假设我们拿到请求得到的数据后，有多个模块添加了回调。如果什么都不考虑可能会直接这样写： 此时如果多了一个模块 D

vue2——双端diff算法 具体来说就是新旧 VNode 节点的左右头尾两侧都有一个指针，用来遍历对比新旧 VNode 列表。 当新老 VNode 节点的 start 或者 end 满足同一节点时，

模块化是工程化的基础，只有将代码模块化，拆分为合理单元，才能使其具备调度整合的能力，才有架构和工程一说~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

0. LRU算法 LRU（ least recently used）根据数据的历史记录来淘汰数据，重点在于保护最近被访问/使用过的数据，淘汰现阶段最久未被访问的数据 经典的 LRU 实现一般采用双向链

当我们改变某个响应式数据触发 setter 时，会执行该数据的 Dep 中的所有 Watcher，也就是会执行 new watcher 时保存的 回调函数如（computed 的 getter)。执行

nextTick 的实现中，首先申明了 timerFunc 变量，然后会去检测环境来决定最终函数的实现方式。优先实现为promise的版本。 为什么优先实现为微任务版本？ 根据 HTML Standa

1.依赖收集 在上面vue已经将普通对象设置为响应式对象，接下来看看响应式对象里getter的相关逻辑，主要就是依赖收集： 可以看到get 函数中通过 dep.depend 做依赖收集。 Dep类 D

0.自动化设置响应式对象 我们可以简单的把具有getter、setter方法的对象称为响应式对象。 那么vue如何自动化将props、data等自动化的设置为响应式对象的呢？ 在vue初始化中，会执行

回溯的处理思想，有点类似枚举搜索。我们枚举所有的解，找到满足期望的解。为了有规律地枚举所有可能的解，避免遗漏和重复，我们把问题求解的过程分为多个阶段。每个阶段，我们都会面对一个岔路口，我们先随意选一条