首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
我是日安
掘友等级
前端
Better late than never.
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
1
文章 1
沸点 0
赞
1
返回
|
搜索文章
最新
热门
从零到一打造 Vue3 响应式系统 Day 29 - readonly:数据保护实现
在开始 readonly 之前,我们先补充一下 Proxy 的知识: Proxy Proxy 是实现 reactive、readonly 等功能的核心。它会在目标对象前架设一个“代理”或“拦截层”,让
从零到一打造 Vue3 响应式系统 Day 28 - shallowRef、shallowReactive
ref 与 reactive 都属于深层响应 (deep) API。它们会递归地将内部所有嵌套对象都转换为响应式代理。在多数情况下这非常方便,但当处理大型数据结构时,这种深度监听的性能开销可能会造成瓶
从零到一打造 Vue3 响应式系统 Day 27 - toRef、toRefs、ProxyRef、unref
在响应式系统中,reactive 能够将一个对象转换为深层的响应式对象,但是在开发过程中,我们时常会需要用到解构赋值,这时候会导致响应性丢失。 问题解析 执行这段代码,你会发现解构出来的属性会丢失响应
从零到一打造 Vue3 响应式系统 Day 26 - 数组长度变更处理
在我们构建响应式系统的过程中,虽然对于原生 JavaScript 对象的处理已经相当完善,但数组 (Array) 与普通对象的属性不同,数组的 length 属性与其数值索引之间有紧密的联动关系。 手
从零到一打造 Vue3 响应式系统 Day 25 - Watch:清理 SideEffect
watch 的一个核心用途,是在响应式数据发生变化时执行 副作用(Side Effect)。 然而,当副作用是异步的或需要手动清理时,就会出现一个常见问题: 如果监听的数据在短时间内多次变更,前一次的
从零到一打造 Vue3 响应式系统 Day 24 - Watch:Options
Watch 常用的选项有: immediate:初始化立即执行一次 deep:深度监听 once:只执行一次,执行后自动停止监听 我们先写一个函数,接受三个参数,默认值是空对象。 immediate
从零到一打造 Vue3 响应式系统 Day 23 - Watch:基础实现
watch 是 Vue 中非常重要的一个 API,它允许开发者在响应式数据发生变化时,执行特定的副作用(side effects)。这些副作用可以是异步行为(例如发起请求),也可以是基于状态变化而执行
从零到一打造 Vue3 响应式系统 Day 22 - Computed:缓存机制实现
在上一篇文章中,我们提到将通过「缓存」机制来解决 computed 在访问时重复执行的问题。 在 Vue 3 的源码里,computed 是靠一个「脏值标记(dirty flag)」来判断是否需要重新
从零到一打造 Vue3 响应式系统 Day 21 - Computed:即时更新基础实现
今天我们要在保持既有链表架构不变的前提下,实现 computed 的惰性计算 + 缓存(dirty 旗标)与调度逻辑。 示例演示 先看官方代码的效果: 可以看到控制台会先输出 1,再输出 2,其中的
从零到一打造 Vue3 响应式系统 Day 20 - Reactive:reactive 极端案例
在完成 reactive 的基本实现之后,接下来会遇到几种常见且必须处理的情况: 原始对象传入 Reactive 对象 Reactive 对象再次传入 Reactive 对 Reactive 对象重复
下一页
个人成就
文章被点赞
244
文章被阅读
10,145
掘力值
1,167
关注了
9
关注者
142
收藏集
5
关注标签
4
加入于
2024-11-22