https://github.com/cycleccc/vue-design

Vue设计与实现 霍春阳版 每章 每节 JS、TS 源码
https://github.com/cycleccc/vue-design

Last synced: about 2 months ago
JSON representation

Vue设计与实现 霍春阳版 每章 每节 JS、TS 源码

• Host: GitHub
• URL: https://github.com/cycleccc/vue-design
• Owner: cycleccc
• Created: 2024-01-15T02:28:05.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-11T07:55:59.000Z (11 months ago)
• Last Synced: 2024-04-23T03:56:31.135Z (9 months ago)
• Language: HTML
• Homepage:
• Size: 207 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vue-design

Vue设计与实现 霍春阳版 每章 每节 JS、TS 源码

# 代办清单

    以下为以实现章节列表，未列出的既是不存在完整代码逻辑需要实现

## 第四章

- [x] 4.1 响应式数据与副作用函数 

- [x] 4.2 响应式数据的基本实现 

- [x] 4.3 设计一个完善的响应系统 

- [x] 4.4 分支切换与 cleanup 

- [x] 4.5 嵌套的 effect 与 effect 栈

- [x] 4.6 避免无限递归循环

- [x] 4.7 调度执行

- [x] 4.8 计算属性 computed 与 lazy

- [x] 4.9 watch 的实现原理

- [x] 4.10 立即执行的 watch 与回调执行时机

- [x] 4.11 过期的副作用

## 第五章

- [x] 5.1 理解 Proxy 和 Reflect 

- [x] 5.2 JavaScript 对象及 Proxy 的工作原理

- [x] 5.3 如何代理Object 

- [x] 5.4 合理地触发响应 

- [x] 5.5 浅响应与深响应

- [x] 5.6 只读和浅只读

- [x] 5.7 代理数组

  - [x] 5.7.1 数组的索引与 length

  - [x] 5.7.2 遍历数组

  - [x] 5.7.3 数组的查找方法

  - [x] 5.7.4 隐式修改数组长度的原型方法

- [x] 5.8 代理 Set 和 Map

  - [x] 5.8.1 如何代理 Set 和 MAp

  - [x] 5.8.2 建立响应联系

  - [x] 5.8.3 避免污染原始数据

  - [x] 5.8.4 处理 forEach

  - [x] 5.8.5 迭代器方法

  - [x] 5.8.6 values 与 keys 方法

## 第六章

- [x] 6.1 引入ref的概念 

- [x] 6.2 响应丢失问题

- [x] 6.3 自动脱 ref

## 第七章

    7.2 无完整代码逻辑

- [x] 7.1 渲染器与响应系统的结合

- [x] 7.3 自定义渲染器

## 第八章

    8.2 无完整代码逻辑

- [x] 8.1 挂载子节点和元素的属性

- [x] 8.3 正确地设置元素属性

- [x] 8.4 class 的处理

- [x] 8.5 卸载操作

- [x] 8.6 区分 vnode 的类型

- [x] 8.7 事件的处理

- [x] 8.8 时间的冒泡与更新时机问题

- [x] 8.9 更新子节点

- [x] 8.10 文本节点和注释节点

- [x] 8.11 Fragment

## 第九章

- [x] 9.1 减少 DOM 操作的性能开销