TA的每日心情 | 奋斗
2023-8-25 08:46 |
|---|
签到天数: 29 天 [LV.4]偶尔看看III
荣誉会员
- 积分
- 607
|
本站资源全部免费,回复即可查看下载地址!
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
背景介绍
Vue .js 3.0 相比于 2.0 版本，性能上几乎是实现全方位超越。新版本已逐步趋于稳定，对于有一定基础的前端开发者来说，现在正是抓住这波技术红利的好时机。
想要快速提升自己对 Vue.js 的掌握程度，只有深入其知识内核，透彻地理解其实现原理，才能在工作中游刃有余，独当一面。
专栏解读
专栏将对 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 官方生态实现原理。经过学习，你可以了解这些功能的实现原理和职责边界，在平时工作中应用起来更加得心应手。
讲师介绍
HuangYi Zoom 前端架构师，前百度、滴滴资深技术专家
现任 Zoom 前端架构师，主要负责推进前后端分离架构方案和 Zoom 自研组件库，不仅将Vue.js 带入 Zoom，而且通过魔改 Vue.js 源码开发了 Vue.js 2.x 的 CSP 兼容版本，并稳定服务于几十个用 Vue.js 做增强开发的页面。之前，他先后在百度和滴滴担任前端资深技术专家，并曾使用 Vue.js 重构了滴滴出行WebApp，主导开发 Vue.js 开源组件库 cube-ui。
课程目录
开篇词
开篇词 | 解析 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：如何实现一个前端路由？（下）
结束语 | 终点也是起点
下载地址:
|
温馨提示：
1、本站所有内容均为互联网收集或网友分享或网络购买,本站不破解、不翻录任何视频!
2、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意!
3、本站资源仅供本站会员学习参考,不得传播及用于其他用途,学习完后请在24小时内自行删除.
4、本站资源质量虽均经精心审查,但也难保万无一失,若发现资源有问题影响学习请一定及时点此进行问题反馈,我们会第一时间改正!
5、若发现链接失效了请联系管理员,管理员会在2小时内修复
6、如果有任何疑问,请加客服QQ:1300822626 2小时内回复你!
|
[复制链接]
发表于 2021-6-28 10:39:21
发表于 2021-6-28 14:08:02
