随笔分类 -  Vue3

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

点击右上角即可分享
微信分享提示