《Vue.js设计与实现》读书笔记

Mr.Hotsuitor大约 1 分钟javascriptvue

设计思路

声明式描述UI

render函数实现
File not found

响应式系统

响应式原理Proxy

File not found

响应式数据简单实现

File not found
依赖收集示意图
依赖收集示意图

响应式数据实现v2,带执行调度器 scheduler

引入cleanup,清除遗留的副作用依赖问题,例如存在三元表达式的响应式数据

引入 scheduler, 可操作trigger函数触发副作用函数的时机、次数和方式

File not found

computed和lazy实现

File not found

watch实现

File not found

相关信息

watch本质是对 effect 的二次封装

watch的立即执行函数

File not found

watch回调函数的执行时机

File not found

过期的副作用

竞态问题

在watch中,是异步请求的情况下,发送了请求A,还在等待中,修改wtch的变量,重新触发了请求B,

如果B请求先于A请求返回,会导致A的返回结果覆盖B的返回结果的情况。

File not found