课程介绍:

专栏将对 Vue.js 3.0 的框架源码进行系统、细致地分析。深入到内核剖析实现原理,探究源码背后的设计思想。一方面帮你夯实 Vue.js 开发技能,一方面帮你理解源码分析的方式与编程思路,为你从底层逻辑理解优秀框架背后的技术思想。

vue3

vue3

课程目录:

开篇词
开篇词 | 解析 Vue.js 源码,提升编码能力
导读 | 一文看懂 Vue.js 3.0 的优化
模块一:直击 Vue.js 核心组件的实现
模块一导读 | 组件的实现:直击 Vue 核心的实现
01 | 组件渲染:vnode 到真实 DOM 是如何转变的?
02 | 组件更新:完整的 DOM diff 流程是怎样的?(上)
03 | 组件更新:完整的 DOM diff 流程是怎样的?(下)
模块二:学会新设计 Composition API
模块二导读 | 逻辑复用最佳实践:Composition API
04 | Setup:组件渲染前的初始化过程是怎样的?
05 | 响应式:响应式内部的实现原理是怎样的?(上)
07 | 计算属性:计算属性比普通函数好在哪里?
08 | 侦听器:侦听器的实现原理和使用场景是什么?(上)
06 | 响应式:响应式内部的实现原理是怎样的?(下)
09 | 侦听器:侦听器的实现原理和使用场景是什么?(下)
10 | 生命周期:各个生命周期的执行时机和应用场景是怎样的?
11 | 依赖注入:子孙组件如何共享数据?
模块三:编译过程和背后的优化思想
12 | 模板解析:构造 AST 的完整流程是怎样的?(上)
模块三导读 | 编译和优化:了解编译过程和背后的优化思想
13 | 模板解析:构造 AST 的完整流程是怎样的?(下)
14 | AST 转换:AST 节点内部做了哪些转换?(上)
15 | AST 转换:AST 节点内部做了哪些转换?(下)
16 | 生成代码:AST 如何生成可运行的代码?(上)
17 | 生成代码:AST 如何生成可运行的代码?(下)
模块四:探索更多实用特性背后的实现原理
模块四导读 | 实用特性:探索更多实用特性背后的原理
18 | Props:Props 的初始化和更新流程是怎样的?
19 | 插槽:如何实现内容分发?
20 | 指令:指令完整的生命周期是怎样的?
21 | v-model:双向绑定到底是怎么实现的?
模块五:学习 Vue 内置组件的实现原理
模块五导读 | 内置组件:学习 Vue 内置组件的实现原理
22 | Teleport 组件:如何脱离当前组件渲染子组件?
23 | KeepAlive 组件:如何让组件在内存中缓存和调度?
24 | Transition 组件:过渡动画的实现原理是怎样的?(上)
25 | Transition 组件:过渡动画的实现原理是怎样的?(下)
特别放送:研究 Vue 官方生态的实现原理
特别放送导读 | 研究 Vue 官方生态的实现原理
26 | Vue Router:如何实现一个前端路由?(上)
27 | Vue Router:如何实现一个前端路由?(下)
结束语
结束语 | 终点也是起点

声明:站内部分资源收集于网络,若侵犯了您的合法权益,请联系我们删除!