价格: 19 学币
专栏将对 Vue.js 3.0 的框架源码进行系统、细致地分析。深入到内核剖析实现原理,探究源码背后的设计思想。一方面帮你夯实 Vue.js 开发技能,一方面帮你理解源码分析的方式与编程思路,为你从底层逻辑理解优秀框架背后的技术思想。
课程安排上主要分为以下三个部分:
① 核心部分,第 1~2 模块: 这个部分会带你去分析 Vue.js 3.0 最核心的组件的实现原理以及 Vue.js 3.0 新特性 Composition API 的实现原理。经过学习,你将对组件如何渲染和更新能有深刻的理解,并且能够掌握 Composition API 背后的实现原理和应用场景。
② 进阶部分,第 3 模块: 这个部分会带你分析 Vue.js 3.0 模板的编译和优化过程。经过学习,你能够了解 Vue.js 是如何编译模板并生成代码的,以及编译过程背后的性能优化思想是怎样的。
③ 扩展部分,第 4~5 模块:我会带你分析 Vue.js 3.0 的内置组件的实现原理、Vue.js 3.0 一些实用特性的实现原理以及 Vue.js 3.0 官方生态实现原理。经过学习,你可以了解这些功能的实现原理和职责边界,在平时工作中应用起来更加得心应手。
├── 01 组件渲染:vnode 到真实 DOM 是如何转变的?.mp4
├── 02 组件更新:完整的 DOM diff 流程是怎样的?(上).mp4
├── 03 组件更新:完整的 DOM diff 流程是怎样的?(下).mp4
├── 04 Setup:组件渲染前的初始化过程是怎样的?.mp4
├── 05 响应式:响应式内部的实现原理是怎样的?(上).mp4
├── 06 响应式:响应式内部的实现原理是怎样的?(下).mp4
├── 07 计算属性:计算属性比普通函数好在哪里?.mp4
├── 08 侦听器:侦听器的实现原理和使用场景是什么?(上).mp4
├── 09 侦听器:侦听器的实现原理和使用场景是什么?(下).mp4
├── 10 生命周期:各个生命周期的执行时机和应用场景是怎样的?.mp4
├── 11 依赖注入:子孙组件如何共享数据?.mp4
├── 12 模板解析:构造 AST 的完整流程是怎样的?(上).mp4
├── 13 模板解析:构造 AST 的完整流程是怎样的?(下).mp4
├── 14 AST 转换:AST 节点内部做了哪些转换?(上).mp4
├── 15 AST 转换:AST 节点内部做了哪些转换?(下).mp4
├── 16 生成代码:AST 如何生成可运行的代码?(上).mp4
├── 17 生成代码:AST 如何生成可运行的代码?(下).mp4
├── 18 Prop:Prop 的初始化和更新流程是怎样的?.mp4
├── 19 插槽:如何实现内容分发?.mp4
├── 20 指令:指令完整的生命周期是怎样的?.mp4
├── 21 v-model:双向绑定到底是怎么实现的?.mp4
├── 22 Teleport 组件:如何脱离当前组件渲染子组件?.mp4
├── 23 KeepAlive 组件:如何让组件在内存中缓存和调度?.mp4
├── 24 Tranition 组件:过渡动画的实现原理是怎样的?(上).mp4
├── 25 Tranition 组件:过渡动画的实现原理是怎样的?(下).mp4
├── 26 Vue Router:如何实现一个前端路由?(上).mp4
├── 27 Vue Router:如何实现一个前端路由?(下).mp4
├── 导读 一文看懂 Vue.j 3.0 的优化.mp4
├── 结束语 终点也是起点.mp4
├── 开篇词 解析 Vue.j 源码,提升编码能力.mp4
├── 模块二导读 逻辑复用最佳实践:Compoition API.mp4
├── 模块三导读 编译和优化:了解编译过程和背后的优化思想.mp4
├── 模块四导读 实用特性:探索更多实用特性背后的原理.mp4
├── 模块五导读 内置组件:学习 Vue 内置组件的实现原理.mp4
├── 模块一导读 组件的实现:直击 Vue 核心的实现.mp4
└── 特别放送导读 研究 Vue 官方生态的实现原理.mp4