首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
我是日安
掘友等级
前端
Better late than never.
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
1
文章 1
沸点 0
赞
1
返回
|
搜索文章
最新
热门
零到一打造 Vue3 响应式系统 Day 14 - Effect:依赖清理的场景
在解决了链表节点指数增长的问题后,我们还需要关注依赖的有效性。 effect 的执行路径可能因为条件判断或程序逻辑不同而改变,导致某些依赖在本次执行中已经不再需要。 如果这些“过期依赖”没有被清理:
零到一打造 Vue3 响应式系统 Day 13 - Effect:多重依赖之节点复用解决方案
昨天我们了解到,当 effect 函数依赖多个响应式变量时,会再次触发指数级更新。 我们来回顾一下之前的做法: run() 函数首先会将 depsTail 设为 undefined。 后续的依赖收集中
从零到一打造 Vue3 响应式系统 Day 12 - Effect :多重依赖之指数触发重现
昨天我们解决了单一依赖所导致的指数增长问题。然而,在真实的开发场景中,一个 effect 函数往往需要依赖多个响应式变量。现在我们试着新增多个依赖,在示例中加入第二个响应式变量 count,并让 ef
从零到一打造 Vue3 响应式系统 Day 11 - Effect:Link 节点的复用实现
昨天我们发现了 Effect 的问题:当 effect 被重复触发时,它会不断地重新收集依赖,导致依赖链表指数级增长。 要让 effect 记住它“订阅过谁”,最直接的方法就是让它自己也持有一个引用列
从零到一打造 Vue3 响应式系统 Day 10 - 为何 Effect 会被指数级触发?
DOM 交互 我们的响应式系统经过前几天的努力,已经初具雏形,感觉可以加入一些 DOM 交互,来进行简单的测试。 我们预期每次点击按钮,effect 只会执行一次。但实际情况看起来不太妙。 从 con
从零到一打造 Vue3 响应式系统 Day 9 - Effect:调度器实现与应用
到目前为止,我们的 effect 会在依赖的数据发生变化时,立即重新执行。 这种简单直接的模式在很多情况下都有效,但当遇到密集且连续的数据变更时,它可能会引发不必要的性能问题。 为什么需要 Effec
从零到一打造 Vue3 响应式系统 Day 8 - Effect:深入剖析嵌套 effect
今天我们来探讨一个棘手的边界情况:嵌套 effect。 当一个 effect 内部又定义了另一个 effect 时,我们的系统会如何运作呢? 在这种情况下,我们预期内外层都有输出,但是我们得到的结果如
从零到一打造 Vue3 响应式系统 Day 7 - 关注点分离:拆分 track、trigger
我们的代码虽然已经可以运作,但 RefImpl 这个类同时处理了数据存储和链表管理,不易于扩展,所以需要调整代码结构。尽管前几章的代码已经能正常工作,但它存在一个很大的问题:RefImpl 这个类承担
从零到一打造 Vue3 响应式系统 Day 6 - 响应式核心:链表实装应用
昨天,我们了解了链表的核心概念,现在要把这些概念结合起来。 首先让我们从一个常见的场景开始:当一个响应式数据 (ref) 同时被多个 effect 依赖时,会发生什么? 我们预期它会输出如下: 但实际
从零到一打造 Vue3 响应式系统 Day 5 - 核心概念:单向链表、双向链表
在昨天,我们建立了响应式的基本运作模式。在继续深入之前,要先了解 Vue 内部用来优化性能的一个核心概念:数据结构。Vue 3 的响应式系统之所以效率高,其内部对数据结构的选择是关键。 一个理想的数据
下一页
个人成就
文章被点赞
176
文章被阅读
6,845
掘力值
886
关注了
9
关注者
106
收藏集
5
关注标签
4
加入于
2024-11-22