Vue.js 3.0 核心源码解析

Vue.js 3.0 核心源码解析 / 直击核心实现,快人一步了解 Vue 全新版本

黄轶(ustbhuangyi)
Zoom 前端架构师,前百度、滴滴资深技术专家
  • 课程目录
  • 课程介绍
  • 开篇词 | 解析 Vue.js 源码,提升编码能力

  • 导读 | 一文看懂 Vue.js 3.0 的优化

  • 模块一导读 | 组件的实现:直击 Vue 核心的实现

  • 01 | 组件渲染:vnode 到真实 DOM 是如何转变的?

  • 02 | 组件更新:完整的 DOM diff 流程是怎样的?(上)

  • 03 | 组件更新:完整的 DOM diff 流程是怎样的?(下)

  • 模块二导读 | 逻辑复用最佳实践:Composition API

  • 04 | Setup:组件渲染前的初始化过程是怎样的?

  • 05 | 响应式:响应式内部的实现原理是怎样的?(上)

  • 06 | 响应式:响应式内部的实现原理是怎样的?(下)

  • 07 | 计算属性:计算属性比普通函数好在哪里?

  • 08 | 侦听器:侦听器的实现原理和使用场景是什么?(上)

  • 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 内置组件的实现原理

  • 22 | Teleport 组件:如何脱离当前组件渲染子组件?

  • 23 | KeepAlive 组件:如何让组件在内存中缓存和调度?

  • 24 | Transition 组件:过渡动画的实现原理是怎样的?(上)

  • 25 | Transition 组件:过渡动画的实现原理是怎样的?(下)

  • 特别放送导读 | 研究 Vue 官方生态的实现原理

  • 26 | Vue Router:如何实现一个前端路由?(上)

  • 27 | Vue Router:如何实现一个前端路由?(下)

  • 结束语 | 终点也是起点

背景介绍

专栏解读

专栏主要分为以下3个部分:

第一部分核心模块,这个部分会带你去分析 Vue.js 3.0 最核心的组件的实现原理以及 Vue.js 3.0 新特性 Composition API 的实现原理。掌握这个部分,可以让你对组件如何渲染和更新能有深刻的理解,并掌握 Composition API 背后的实现原理和应用场景。

第二部分进阶模块,这个部分会带你分析 Vue.js 3.0 模板的编译和优化过程。带你了解 Vue.js 是如何编译模板并生成代码的,以及编译过程背后的性能优化思想是怎样的。

第三部分扩展模块,将带你分析 Vue.js 3.0 的内置组件的实现原理、Vue.js 3.0 一些实用特性的实现原理以及 Vue.js 3.0 官方生态实现原理。经过学习,你可以了解这些功能的实现原理和职责边界,在平时工作中应用起来更加得心应手。

在学习这门课程后,不仅可以了解 Vue.js 3.0 核心实现原理,还能一定程度地了解背后的设计思想。源码中一些好的编程思路和优秀的代码可以吸收来为自己的工作所用,修炼内功,提升技术能力。

讲师简介

黄轶(ustbhuangyi) Zoom 前端架构师,前百度、滴滴资深技术专家

现任 Zoom 前端架构师,主要负责推进前后端分离架构方案和 Zoom 自研组件库,不仅将Vue.js 带入 Zoom,而且通过魔改 Vue.js 源码开发了 Vue.js 2.x 的 CSP 兼容版本,并稳定服务于几十个用 Vue.js 做增强开发的页面。之前,他先后在百度和滴滴担任前端资深技术专家,并曾使用 Vue.js 重构了滴滴出行WebApp,主导开发 Vue.js 开源组件库 cube-ui。

课程大纲

vue1.png

适合谁学

1.初级Vue.js 技术栈开发人员,有一定项目经验,但是对 Vue 原理的理解浮于表面。遇见复杂项目无从下手,工作效率低。
2.源码分析能力薄弱的人,想要掌握Vue 框架的底层逻辑,但自学困难。
3.对新技术感兴趣,追求 Vue.js 新技术的从业者。

订阅须知

1.本专栏共 22 讲,已全部更新;
2.支持 视频+音频+图文 3 种阅读形式;
3.购买后在拉勾 App-课程,可永久观看课程;
4.视频课程为虚拟商品,一旦售出不可申请退款;
5.本课程版权归拉勾所有,严禁翻录,违者必究;
6.如有问题请咨询客服同学,召唤客服>>>

教程推荐

iOS在线教程

Java 加密在线教程

Codeigniter在线教程

Socket.io在线教程

Xpath在线教程

Spring Boot在线教程

随机推荐

德玛仕毛巾消毒柜商用立式紫外线详细评测报告,功能真的不好吗

AOC电脑显示器27英寸全高清功能真的不好吗,评测解读该怎么选

梦多福甩脂机应该怎么样选择,评测质量好不好

罗技G331游戏耳机应该怎么样选择,评测结果好吗

李宁瑜伽垫小白必看!买前一定要先知道这些情况!

美的吸尘器家用手持立式有线吸尘器二合一强劲吸力U2究竟合不合格...