摘要: pnpm 是如何颠覆 npm 和 yarn 的? 今天研究了一下 pnpm 的机制,发现它确实很强大,甚至可以说对 yarn 和 npm 形成了降维打击 。我们从包管理工具的发展历史,一起看下到底好在哪里? 阅读全文
posted @ 2024-11-26 09:48 柏成 阅读(414) 评论(4) 推荐(8) 编辑
摘要: Vue3 Diff算法之最长递增子序列,学不会来砍我! Vue3 对 diff 过程进行了大升级,利用 最长递增子序列算法 去计算最少移动dom,尽可能少的做移动节点位置操作! 阅读全文
posted @ 2024-01-19 09:45 柏成 阅读(1069) 评论(1) 推荐(2) 编辑
摘要: 【源码系列#06】Vue3 Diff算法 信我!7张图带你读懂 vue3 中的 diff算法,包括前序比对、后序比对、同序列比对以及乱序比对,学不会你来打我! 阅读全文
posted @ 2024-01-17 09:41 柏成 阅读(397) 评论(0) 推荐(2) 编辑
摘要: 【源码系列#05】Vue3响应式原理(Ref) proxy 只接受对象入参,所以我们需要 ref 来解决值类型的数据相应。如果传入 ref 的是一个对象,内部也会调用 reactive 方法进行深层响应式转换 阅读全文
posted @ 2024-01-04 14:15 柏成 阅读(555) 评论(1) 推荐(1) 编辑
摘要: 【源码系列#04】Vue3侦听器原理(Watch) 本章目标:侦听器watch是如何兼容ref、响应式对象和getter函数等不同数据源的?回调时机immediate是如何实现的?关于onCleanup,一个用于注册副作用清理的回调函数是如何实现的? 阅读全文
posted @ 2023-12-26 14:25 柏成 阅读(531) 评论(0) 推荐(1) 编辑
摘要: 【源码系列#03】Vue3计算属性原理(Computed) 让我们一起看下vue3中计算属性是如何实现的?重点分析一下其缓存原理(_dirty)和嵌套effect模型 阅读全文
posted @ 2023-12-07 10:13 柏成 阅读(620) 评论(6) 推荐(1) 编辑
摘要: 【源码系列#02】Vue3响应式原理(Effect) effect 作为 reactive 的核心,主要负责收集依赖,更新依赖。在学习 effect之前,我们再来看下这张图 阅读全文
posted @ 2023-11-28 09:43 柏成 阅读(1011) 评论(0) 推荐(3) 编辑
摘要: 【源码系列#01】Vue3响应式原理(Proxy) Vue3中响应数据核心是 reactive , reactive 中的实现是由 proxy 加 effect 组合,我们先来看一下 reactive 方法的定义 阅读全文
posted @ 2023-11-20 09:50 柏成 阅读(574) 评论(0) 推荐(1) 编辑
摘要: 【Vue3响应式原理#02】Proxy and Reflect 本篇文章将解决上一篇文章 结尾遗留的问题:如何让代码自动实现响应性? 换句话说就是,如何让我们的 effect 自动保存 & 自动重新运行?又如何拦截对象属性的访问和赋值操作? 阅读全文
posted @ 2023-11-06 09:10 柏成 阅读(704) 评论(0) 推荐(1) 编辑
摘要: 【Vue3响应式原理#01】Reactivity 接下来,我们将会用 Vue3 建造响应式的方法,从头开始制造一个响应式引擎,让我们一步一步的来解决这个问题! 阅读全文
posted @ 2023-10-19 09:18 柏成 阅读(489) 评论(0) 推荐(1) 编辑