首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
手写mini-vue3,打造自己的Vue3框架
IamZJT_
创建于2022-11-22
订阅专栏
以TDD的形式展开开发,从vue的设计入手,逐步实现相关API。 我们不仅要知道怎么写?还要知道为什么要这样写? 带你从设计者的角度剖析,打造专属 Vue3框架,提升技术深度与广度。
等 28 人订阅
共18篇文章
创建于2022-11-22
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
17_实现相对完善的effect
开启掘金成长之旅!这是我参与「掘金日新计划 · 2 月更文挑战」的第 1 天。我们要优化哪些点? 在上篇实现相对完善的reactive 后,那我们继续来实现相对完善的effect。
16_实现相对完善的reactive
16_实现相对完善的reactive 一、我们要优化哪些点? 既然要实现相对完善的reactive,那自然需要考虑的多一点。 那我们大概列举一些边缘case的简单考虑: reactive的参数类型问题
15_实现computed计算属性
15_实现computed计算属性 (一)单元测试 大家都知道computed,它的特点就是通过.value来访问,类似于ref,还有缓存。
14_实现proxyRefs功能
14_实现proxyRefs功能 (一)单元测试 先看上面没有被注释的部分,可以看到proxyRefs会处理响应式对象并返回一个新对象,而这个新对象访问原先的ref 变量时,就不用写.value了。
13_实现isRef和unRef功能
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第14天。本篇文章带你实现isRef和unRef功能。
12_实现ref功能
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第13天。本篇文章将带你实现ref功能,也是reactivity的核心功能。
11_实现shallowReadonly和isProxy功能
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第12天。本篇文章将带你实现shallowReadonly和isProxy功能。
10_实现reactive和readonly的嵌套对象转换功能
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第11天。本篇文章我们将来实现reactive和readonly的嵌套对象转换功能,即里层子对象也将做对应转换。
09_优化stop功能
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第10天。 本篇文章我们一起来优化一下stop功能。
08_实现isReactive和isReadonly
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第9天。 本篇文章将带你来实现isReactive和isReadonly两个api。
07_实现readonly功能
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第8天。 本篇文章我们将来实现readonly功能,采用TDD的形式进行开发,并于功能完成后进行多次代码重构。
06_实现effect的stop和onStop功能
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第7天。 在本篇文章中,我们将来实现effect的stop和onStop功能,由此我们就可以手动决定effect的响应式。
05_实现effect的scheduler功能
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第6天。 本篇文章带你实现effect的scheduler功能,也就是vue3的调度器。
04_实现effect返回runner
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第5天。 实现effect返回runner,具体effect的作用和实现,请看文中。
03_02_理解 Proxy 和 Reflect
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第4天。 详细讲解Proxy和Reflect,并阐述为何响应式的实现中采用Reflect API去实现。
03_01_实现 effect & reactive & 依赖收集 & 触发依赖
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第3天。 实现 effect & reactive & 依赖收集 & 触发依赖,带你一步步实现vue3响应式的最简核心逻辑。
02_TDD开发环境搭建
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第2天。 从现在开始,正式的进行 mini-vue的开发。本文将带你从零搭建 TDD(测试驱动开发)开发环境,感受剃刀党的魅力。
01_Vue3源码的介绍及体验
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第1天。 本文是本专栏的开篇,将为你介绍vue3源码,掌握源码结构及运行流程,并带你体验一下。