Vue.js 源码全方位深入解析

分类:Web前端 时间:2020-01-09 来源:网络 整理:admin 浏览:507

第1章 准备工作

介绍了 Flow、Vue.js 的源码目录设计、Vue.js 的源码构建方式,以及从入口开始分析了 Vue.js 的初始化过程。


 1-1 课程简介试看

 1-2 准备工作

 1-3 认识 Flow

 1-4 Vue.js 源码目录设计

 1-5 Vue.js 源码构建

 1-6 从入口开始


第2章 数据驱动

详细讲解了模板数据到 DOM 渲染的过程,从 new Vue 开始,分析了 mount、render、update、patch 等流程。


 2-1 数据驱动

 2-2 new Vue 发生了什么试看

 2-3 Vue 实例挂载的实现

 2-4 render

 2-5 Virtual DOM

 2-6 createElement

 2-7 update


第3章 组件化

分析了组件化的实现原理,并且分析了组件周边的原理实现,包括合并配置、生命周期、组件注册、异步组件。


 3-1 组件化

 3-2 createComponent

 3-3 patch(上)

 3-4 patch(下)

 3-5 合并配置(上)

 3-6 合并配置(下)

 3-7 生命周期

 3-8 组件注册(上)

 3-9 组件注册(下)

 3-10 异步组件(工厂函数)

 3-11 异步组件(Promise)

 3-12 异步组件(高级)


第4章 深入响应式原理(上)

详细讲解了数据的变化如何驱动视图的变化,分析了响应式对象的创建,依赖收集、派发更新的实现过程,一些特殊情况的处理,并对比了计算属性和侦听属性的实现,最后分析了组件更新的过程。


 4-1 深入响应式原理

 4-2 响应式对象(上)试看

 4-3 响应式对象(下)

 4-4 依赖收集(上)

 4-5 依赖收集(下)

 4-6 派发更新(上)

 4-7 派发更新(下)

 4-8 nextTick

 4-9 检测变化的注意事项


第5章 深入响应式原理(下)

详细讲解了数据的变化如何驱动视图的变化,分析了响应式对象的创建,依赖收集、派发更新的实现过程,一些特殊情况的处理,并对比了计算属性和侦听属性的实现,最后分析了组件更新的过程。


 5-1 计算属性 VS 侦听属性(1)

 5-2 计算属性 VS 侦听属性(2)

 5-3 计算属性 VS 侦听属性(3)

 5-4 计算属性 VS 侦听属性(4)

 5-5 计算属性 VS 侦听属性(5)

 5-6 组件更新(1)

 5-7 组件更新(2)

 5-8 组件更新(3)

 5-9 原理图


第6章 编译(上)

从编译的入口函数开始,分析了编译的三个核心流程的实现:parse -> optimize -> codegen。


第7章 编译(下)

从编译的入口函数开始,分析了编译的三个核心流程的实现:parse -> optimize -> codegen。


第8章 扩展(上)

详细讲解了 event、v-model、slot、keep-alive、transition、transition-group 等常用功能的原理实现,该章节作为一个可扩展章节,未来会分析更多 Vue 提供的特性。


第9章 扩展(中)

详细讲解了 event、v-model、slot、keep-alive、transition、transition-group 等常用功能的原理实现,该章节作为一个可扩展章节,未来会分析更多 Vue 提供的特性。


第10章 扩展(下)

详细讲解了 event、v-model、slot、keep-alive、transition、transition-group 等常用功能的原理实现,该章节作为一个可扩展章节,未来会分析更多 Vue 提供的特性。


第11章 Vue-Router

分析了 Vue-Router 的实现原理,从路由注册开始,分析了路由对象、matcher,并深入分析了整个路径切换的实现过程和细节。


第12章 Vuex

分析了 Vuex 的实现原理,深入分析了它的初始化过程,常用 API 以及插件部分的实现。

下载地址

本站下载绝不收费,输入验证码后查看(防止机器采集被和谐)
验证码:
请关注本站微信公众号,回复“微信验证码”,获取验证码。在微信里搜索“研发地”或者微信扫描右侧二维码都可以关注本站微信公众号。
研发地