柏成

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

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

摘要： proxy 只接受对象入参，所以我们需要 ref 来解决值类型的数据相应。如果传入 ref 的是一个对象，内部也会调用 reactive 方法进行深层响应式转换 阅读全文

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

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

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

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

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

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

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