Vue学习系列

快速Diff算法 由于该算法的实测速度非常快，所以Vue3借鉴并扩展了它，而Vue2使用的还是原来的双端Diff算法 相同的前置元素和后置元素 不同于简单Diff和双端Diff算法，快速Diff算法包

双端Diff算法 双端比较的原理 简单Diff算法的缺点 我们在之前，已经学习过简单Diff算法了，但是他的DOM移动操作并不是最优的 可以拿我们之前的例子分析一下： 在这个例子中，我们之前对DOM元

简单Diff算法 减少DOM操作的性能开销 在之前我们对两组子节点的更新的时候，采用了一种直接的手段，将全部旧子节点卸载，再将全部新子节点挂载上去 这样确实能够完成更新，但是没有复用任何DOM元素，会

挂载与更新 挂载子节点和元素的属性 挂载子节点 vnode.children的值是字符串类型时，会把它设置为元素的文本内容 而当vnode.children要表示多个子节点的时候，他应该是一个数组：

渲染器的设计 渲染器与响应系统的结合 渲染器不仅能够渲染真实DOM元素，还是框架跨平台能力的关键 在这一章，我们使用@vue/reactivity这个包提供的响应式API进行学习，引入方式： 所以在这

非原始值的响应式方案 理解Proxy和Reflect Proxy vue3的响应式数据是基于proxy实现的 Proxy可以创建一个代理对象，能够实现对其他对象的代理，但是并不能实现对非对象值的代理

响应系统的作用与实现 响应式数据和副作用函数 副作用函数 副作用函数就是会产生副作用效果的函数，例如函数修改了全局变量，导致其他函数读取的时候拿到了修改后的全局变量 响应式数据 响应式数据的效果就是希

Vue3设计思路 声明式地描述UI vue3是一个声明式框架 模板描述UI 前端页面涉及的内容： DOM元素，例如div标签a标签 属性：标签的属性，如id等 事件：click事件等 元素层级结构：D

框架设计的核心要素 提升用户开发体验 在开发过程中需要有良好的警告信息，在Vue源码中，很多地方都用到了警示信息，比如： 除了警示信息，还有其他方面，如Ref，详细看P13 控制框架代码的体积 要在同

权衡的艺术 引入 设计框架要从全局考虑权衡 比如框架应该设计成命令式还是声明式，纯运行还是纯编译还是运行时+编译时 命令式和声明式 命令式 特点：关注过程 用自然语言描述能够与代码产生一一对应的关系