灰
色
的
花
终
将
绽
放
。
主页
最近文章
Vue3
JavaScript
原始值的响应式方案
在 Vue3 中,对于原始值的响应式处理方案要比非原始值简单得多,简单来说就是基于我们对于非原始值的代理方案,手动将原始值变为一个具有特殊属性的对象,然后通过 Proxy 进行代理,使之变为响应式。这也就是我们平常使用 xxx.value 来访问原始值的原因。
2025-01-06
1874字
Vue3
Proxy
JavaScript
非原始值的响应式方案(四、完全代理Map&Set)
我们在前面几章已经对 Object 与 Array 的响应式代理底层做了相对比较相近的剖析,接下来我们要深入到其他不同的对象类型,比如即将要讲的集合类型 `Set | Map | WeakMap | WeakSet`。
2025-01-04
4696字
Vue3
Proxy
Reflect
JavaScript
非原始值的响应式方案(三、完全代理Array)
在上一节中,我们实现了手动完全代理 Object 类型,并且实现了深浅响应与深浅只读。接下来我们要一点点进入到 JS 的各个数据类型,所有的数据都得代理一遍,顺便了解一下各个数据类型的各个操作的底层到底是用的什么基本语义。那么开始开始!
2025-01-02
5784字
Vue3
Proxy
Reflect
JavaScript
非原始值的响应式方案(二、完全代理Object)
有了上一节的基础,这节我们来正式的手写一下 Vue3 中对于 Object 的响应式代理。
2024-12-30
2956字
Vue3
Proxy
Reflect
JavaScript
非原始值的响应式方案(一、对象、Proxy与Reflect)
从本章开始,我们正式的进入到 Vue3 各个响应式数据的具体实现方案。首先,先梳理一下 Proxy 与 Reflect 这两个 ES6 新特性的基本用法,以及明确 JavaScript 对象的内部方法与 Proxy 的对应关系。
2024-12-29
3306字
Vue
JavaScript
从零实现Vue响应系统(二、computed与watch)
在上一篇我们已经大致理解了 Vue 的响应式系统的基础架构是如何实现的,本篇我们将继续深入,实现 computed 和 watch 这两个重要的特性。
2024-12-24
5298字