首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
我是日安
掘友等级
前端
Better late than never.
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
1
文章 1
沸点 0
赞
1
返回
|
搜索文章
最新
热门
从零到一打造 Vue3 响应式系统 Day 20 - Reactive:reactive 极端案例
在完成 reactive 的基本实现之后,接下来会遇到几种常见且必须处理的情况: 原始对象传入 Reactive 对象 Reactive 对象再次传入 Reactive 对 Reactive 对象重复
从零到一打造 Vue3 响应式系统 Day 19 - Reactive:reactive 的基础实现
上一次我们提到: 每个对象的每个属性都需要自己的 Dep。 如何建立 target.a → Dep 的对应关系? 如何在不污染原始对象的情况下存储这个关系? 我们可以先来做一个简单的比较。 Ref 与
从零到一打造 Vue3 响应式系统 Day 18 - Reactive:深入 Proxy 的设计思路
在之前的文章中,我们已经完成了 ref 的实现,它能将原始值包装成响应式对象。现在,我们要接着完成响应式系统核心的另一部分:reactive 函数。我们的目标是接收一个完整的对象,并返回一个代理对象,
从零到一打造 Vue3 响应式系统 Day 17 - 性能处理:无限循环
在打造响应式系统时,一个容易遇到的状况是,effect 在执行期间同时“读取”又“写入”同一个依赖,这会造成自我触发 (self-trigger)。 effect 为了读值而被追踪为依赖,但它在同一次
零到一打造 Vue3 响应式系统 Day 16 - 性能处理:LinkPool
昨天,我们完成了“依赖清理”机制,让 effect 能够正确处理动态变化的依赖关系。然而,这也带来了一个新的性能问题:当依赖频繁变化时,系统需要不断地创建和销毁 Link 节点。每次建立依赖关系都会触
零到一打造 Vue3 响应式系统 Day 15 - Effect:依赖清理实现方案
在实际情况中,effect 函数内部的依赖,常常因为条件分支(比如 if...else)而发生变化,这种情况称为「动态依赖」。 动态依赖会带来一个问题:在某次执行中不再被使用的旧依赖,如果没有被处理好
零到一打造 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 记住它“订阅过谁”,最直接的方法就是让它自己也持有一个引用列
下一页
个人成就
文章被点赞
305
文章被阅读
16,497
掘力值
1,333
关注了
9
关注者
170
收藏集
5
关注标签
4
加入于
2024-11-22