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

本文基于Vue3源码，实现了编译器compile的基础内容，支持了非响应式内容的模板编译到render函数

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

众所周知vue提供了很多黑魔法，比如单文件组件(SFC)、指令、宏函数、css scoped等。这些都是vue提供的开箱即用的功能，大家平时用这些黑魔法的时候有没有疑惑过一些疑问呢。 我们每天写

1、前言 在Vue3中，有一个effect函数，它用来注册副作用函数，同时它也允许指定一些选项参数options，例如指定scheduler调度器来控制副作用函数的执行时机和方式;也介绍了用来追踪和收

前言: 本篇文章是《Vue.js设计与实现》第 11 章 快速diff算法 笔记，其中的代码和图片来源于本书，用于记录学习收获并且分享。 一、为什么要使用diff算法 回顾之前的文章，新旧vnode节

Vue3中使用的就是快速Diff算法性能优于Vue2所采用的双端 Diff 算法 可能其他的文章会让你先看一道算法题,即力扣第300题最长递增子序列,对于没有算法基础的同学理解会有困难. 里面涉及到动

今天我们来讲讲，Vue的complier怎么把模板转换成ast对象的。其实Vue的模板解析逻辑呢，和单纯的html字符串转树节点结构逻辑是非常接近的。

我们都知道Vue 2中用的diff算法是双端Diff。而Vue 3的其中一个特性就是把底层的diff算法改成了快速Diff。 与字面意思一样，快速diff是目前已知的最快的diff算法。 本文将