Vue 3 响应式的手写实现
用 Proxy 手写一个最小的响应式系统:reactive 负责代理对象,effect 注册副作用,track 收集依赖,trigger 触发更新。


The reason why past pages are precious...
用 Proxy 手写一个最小的响应式系统:reactive 负责代理对象,effect 注册副作用,track 收集依赖,trigger 触发更新。

ref 让原始类型获得响应式:isRef 判断是否 Ref,shallowRef 只监听第一层,triggerRef 手动触发,customRef 自定义读写。


toRef 把对象属性包装成双向同步的 ref,toRefs 批量转换以便解构时不丢响应式,toRaw 取回代理背后的原始对象。

虚拟 DOM 是由 VNode 组成的树;Vue 3 的 patchKeyedChildren 用双端预处理和最长递增子序列,把真实 DOM 操作压到最少。

watch 的监听源与 deep、immediate 配置,onCleanup 清理回调,以及 onTrack、onTrigger 只在开发环境生效的限制。

watchEffect 立即执行一次并自动追踪依赖,依赖变化时重跑,用 onCleanup 清理上一次的副作用,返回的 WatchHandle 可以停止和暂停。

点击劫持是欺骗用户点击一个并不是用户认知上的链接、按钮等的行为。 这可用于窃取登录凭据或在用户不知情的情况下获取安装恶意软件的权限。 点击劫持有时被称为“用户界面纠正”,尽管这是对“纠正”一词的误用。
