Vue.js 3 源码解读

Vue3 的快速 Diff 算法中使用了最长递增子序列来提升 Diff 的效率，因为最长递增子序列可以最大程度减少 DOM 移动的次数，这也是 Vue3 的快速 Diff 算法比 Vue2 的双端 D

设置 DOM 的属性有两种方法 setAttribute 直接设置元素的 DOM Properties 但是，无论是使用 setAttribute 函数，还是直接将属性设置在 DOM 对象上，都存在缺

React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双端比对的方式去优化 Diff

getNow 函数的源码如下： /*#__PURE__*/ 注释的作用是与 rollup.js 配合使用，用于告诉 rollup.js ，该函数不会产生副作用，可以放心地对其进行 Tree-Shaki

简单来说，当新旧 vnode 的子节点都是一组节点时，为了以最小的性能开销完成更新操作，需要比较两组子节点，用于比较的算法就叫作 Diff 算法。我们知道，操作 DOM 的性能开销通常比较大，而渲染器