Vue3 对 diff 过程进行了大升级，利用 最长递增子序列算法 去计算最少移动dom，尽可能少的做移动节点位置操作！

信我！7张图带你读懂 vue3 中的 diff算法，包括前序比对、后序比对、同序列比对以及乱序比对，学不会你来打我！

此篇文章用于记录柏成从零开发一个canvas九宮格手势解锁器的历程。我们基于 canvas 实现了一款简单的九宫格手势解锁器，用户可以通过在九宫格中绘制特定的手势来解锁。

本篇文章将解决上一篇文章 结尾遗留的问题：如何让代码自动实现响应性？ 换句话说就是，如何让我们的 effect 自动保存 & 自动重新运行？又如何拦截对象属性的访问和赋值操作？

effect 作为 reactive 的核心，主要负责收集依赖，更新依赖。在学习 effect之前，我们再来看下这张图

Vue3中响应数据核心是 reactive ， reactive 中的实现是由 proxy 加 effect 组合，我们先来看一下 reactive 方法的定义

接下来，我们将会用 Vue3 建造响应式的方法，从头开始制造一个响应式引擎，让我们一步一步的来解决这个问题！

本章目标：侦听器watch是如何兼容ref、响应式对象和getter函数等不同数据源的？回调时机immediate是如何实现的？关于onCleanup，一个用于注册副作用清理的回调函数是如何实现的？

目录 html2canvas jsPDF html2canvas + jsPDF 实现页面下载 单页下载（自适应纸） 单页下载（A4纸） 多页下载（自适应纸） 多页下载（A4纸） 源码 有个新需求，当点击【下载】按钮时，直接将当...

让我们一起看下vue3中计算属性是如何实现的？重点分析一下其缓存原理（_dirty）和嵌套effect模型