VUE源码

数据依赖 需要用到数据库的地方，称为依赖 vue 1 用到dom 是依赖 vue 2 用到数据是依赖 在getter中收集依赖，在setter中触发依赖

由于数组无法处理，所以要单独处理数组 改写Array.prototype里的push,pop,shift,unshift,splice,sort,reverse方法， 重写此方法

Observer类 将一个正常的object转换为每个层级 的属性都是响应式（可以被侦测的）的object

数据响应原理（一） MVVM mode<=view-model=>view 非侵入式 直接修改输入 调用方法才能更新数据（侵入式）

四种命中方式 新前与旧前 新后与旧后 新后与旧前（命中后-移动节点，移动[新前]指向的[旧节点]，移动的[旧后之后]） 新前与旧后（命中后-移动节点，移动[新前]指向的[旧节点]，移动的[旧前之前]）

新旧节点对比 1.新节点和旧节点在内存中就算一个节点（什么都不做） 2.判断新节点有text属性，并且没有children. 3.新节点没有text属性

``` javascript /* * 实现节点对比，旧节点如果是dom 则调用vnode 包装成-虚拟dom节点 * 判断新旧节点是否一致，key和node名一致 则认为是同一节点？ * 如果新旧节

虚拟DOM 用Javascript对象描述DOM的层次结构。DOM中的一切都在虚拟DOM中对应的属性。 新虚拟DOM和老虚拟DOM进行diff(精细化比较)，算出应该如何最小量更新，最后反映到真正的D

snabbdom snabbdom的h函数如何工作 diff算法原理 手写diff算法 实现最小变更率， 精确比对， 最小量更新 著名的虚拟DOM库，diff算法鼻祖 webpack5 支持expor

Vue源码学习笔记-mustache模板引擎(八)-解决对象的循环嵌套 解决# 后面数组循环调用 token和data 生成dom

Vue源码学习笔记-mustache模板引擎(七)-解决数据中对象“.”的链式调用 解决层级 `我想{{doSth}},{{doSth}}使我快乐！特殊[{{m.b.c}}]`

数据与模板生成dom 原有tokens 数据模板结合 文本直接将内容直接 拼接 name 则需要将模板与数据结合

Vue源码学习笔记-mustache模板引擎(三)-拆分token 拆分结果展示，拆分过程解析JS内容

Vue源码学习笔记-mustache模板引擎-折叠token 基于栈的概念 栈FIlO 先进后出 栈FIlO 先进后出

准备工作 1.Webpack安装，配置 2.创建UMD模块（兼容AMD和commonJS规范的同时，还兼容全局引用的方式） 3.创建scanner Webpack 安装 创建UMD模块 创建扫描类对模

tokens js嵌套数组 模板字符串的JS表示形式 抽象语法树、虚拟节点等开山鼻祖 模板字符串 双层循环 模式

vue源码学习笔记，模板引擎 mustache语法解析 字符串模板的集中方式 渲染字符串 是 慢于DOM的 1. DOM方式 2. 数据JOIN方式 [ "<li>", "<span