课程介绍

《Vue3源码解析，打造自己的Vue3框架，领悟尤大思维精髓》是一门深入学习Vue.js 3源码的课程。该课程帮助学员了解Vue.js 3的内部工作原理，并教授如何从头开始构建自己的Vue.js 3框架。

课程内容包括：

1. Vue.js 3的设计思想和核心概念：课程会详细介绍Vue.js 3的设计思想、核心概念和新特性，如响应式系统、组件化、虚拟DOM等。
2. Vue.js 3源码解析：课程将深入剖析Vue.js 3的源码，包括编译器、响应式系统、组件实例化、虚拟DOM等关键部分的实现原理和代码解析。
3. 自己动手构建Vue.js 3框架：课程将指导学员从头开始构建自己的Vue.js 3框架，通过实践操作加深对Vue.js 3的理解，并培养自己独立构建框架的能力。
4. 领悟尤大思维精髓：课程将通过讲解和分析尤大在Vue.js 3设计过程中的思考和决策，帮助学员领悟尤大的思维精髓，提升自己的前端架构能力和设计思维。

通过学习这门课程，学员可以深入了解Vue.js 3的内部工作原理，掌握构建自己的Vue.js 3框架的技能，并从尤大的设计思路中汲取灵感和经验，提升自己的前端开发水平。

课程目录

/【imooc-608】Vue3源码解析，打造自己的Vue3框架，领悟尤大思维精髓【17章完结】/
│├─README.md 130byte
│├─{01}–第1章课程导读
│├─{02}–第2章框架设计前瞻-框架设计中的一些基本概念
│├─{03}–第3章Vue3源码结构-搭建框架雏形
│├─{04}–第4章响应系统-响应系统的核心设计原则
│├─{05}–第5章响应系统-初见reactivity模块
│├─{06}–第6章响应系统-ref的响应性
│├─{07}–第7章响应系统-watch&&computed
│├─{08}–第8章runtime运行时-运行时核心设计原则
│├─{09}–第9章runtime运行时-构建h函数，生成Vnode
│├─{10}–第10章runtime运行时-构建renderer渲染器
│├─{11}–第11章runtime运行时-组件的设计原理与渲染方案
│├─{12}–第12章runtime运行时-diff算法核心实现
│├─{13}–第13章compiler编译器-编译时核心设计原则
│├─{14}–第14章compiler编译器-构建compile编译器
│├─{15}–第15章compiler编译器-深入编辑器处理逻辑（困难）
│├─{16}–第16章运行时+编译时-合并vue处理逻辑
│├─{17}–第17章课程总结
│├─课件
│├─课程说明.txt 273byte

详细目录

{01}–第1章课程导读/
│├─[1.1]–1-1课程导读.mp4 50.3MB
{02}–第2章框架设计前瞻-框架设计中的一些基本概念/
│├─[2.10]–2-10运行时+编译时.mp4 102.2MB
│├─[2.11]–2-11什么是副作用.mp4 23.9MB
│├─[2.12]–2-12Vue3框架设计概述.mp4 28.7MB
│├─[2.13]–2-13扩展：所谓良好的`TypeScript`支持，是如何提供.mp4 38.6MB
│├─[2.14]–2-14总结.mp4 6MB
│├─[2.1]–2-1前言.mp4 11.4MB
│├─[2.2]–2-2编程范式之命令式编程.mp4 40MB
│├─[2.3]–2-3编程范式之声明式编程.mp4 26.2MB
│├─[2.4]–2-4命令式VS声明式.mp4 42.7MB
│├─[2.5]–2-5企业应用的开发与设计原则.mp4 42.8MB
│├─[2.6]–2-6为什么说框架的设计过程其实是一个不断取舍的过程？.mp4 35.8MB
│├─[2.7]–2-7.vue中的html是真实的html吗？.mp4 30.5MB
│├─[2.8]–2-8什么是运行时？.mp4 101.5MB
│├─[2.9]–2-9什么是编译时？.mp4 44.4MB
{03}–第3章Vue3源码结构-搭建框架雏形/
│├─3-6 授人以渔：如何阅读源码.mp4 43.2MB
│├─[3.10]–3-10模块打包器：rollup.mp4 76MB
│├─[3.11]–3-11初见框架雏形：配置路径映射.mp4 35.4MB
│├─[3.12]–3-12总结.mp4 8.7MB
│├─[3.1]–3-1前言.mp4 8.5MB
│├─[3.2]–3-2探索源码设计：Vue3源码设计大解析.mp4 71.6MB
│├─[3.3]–3-3创建测试实例：在Vue源码中运行测试实例.mp4 53.4MB
│├─[3.4]–3-4跟踪解析运行行为：为vue开启SourceMap.mp4 57.6MB
│├─[3.5]–3-5授人以鱼：如何针对源码进行debugger.mp4 31.9MB
│├─[3.7]–3-7开始搭建自己的框架：创建vue-next-mini.mp4 40.5MB
│├─[3.8]–3-8为框架进行配置：导入ts.mp4 47.2MB
│├─[3.9]–3-9引入代码格式化工具：prettier让你的代码结构更加规范.mp4 35.8MB
{04}–第4章响应系统-响应系统的核心设计原则/
│├─[4.1]–4-1前言.mp4 12MB
│├─[4.2]–4-2JS的程序性.mp4 33.5MB
│├─[4.3]–4-3如何让你的程序变得更加“聪明”？.mp4 33.4MB
│├─[4.4]–4-4vue2的响应性核心API：Object.definePr.mp4 49MB
│├─[4.5]–4-5Object.defineProperty在设计层的缺陷.mp4 55.3MB
│├─[4.6]–4-6vue3的响应性核心API：proxy.mp4 90.3MB
│├─[4.7]–4-7proxy的最佳拍档：Reflect—拦截js.mp4 93.1MB
│├─[4.8]–4-8总结.mp4 11.4MB
{05}–第5章响应系统-初见reactivity模块/
│├─5-11 框架实现：构建 trigger 触发依赖.mp4 23MB
│├─[5.10]–5-10框架实现：构建track依赖收集函数.mp4 34.6MB
│├─[5.12]–5-12总结：单一依赖的reactive.mp4 23.9MB
│├─[5.13]–5-13功能升级：响应数据对应多个effect.mp4 29MB
│├─[5.14]–5-14框架实现：构建Dep模块，处理一对多的依赖关系.mp4 51.9MB
│├─[5.15]–5-15reactive函数的局限性.mp4 33.1MB
│├─[5.16]–5-16总结.mp4 8.7MB
│├─[5.1]–5-1前言.mp4 11.6MB
│├─[5.2]–5-2源码阅读：reactive的响应性，跟踪Vue3源码实现逻.mp4 128.7MB
│├─[5.3]–5-3源码阅读：reactive的响应性，跟踪Vue3源码实现逻.mp4 99.2MB
│├─[5.4]–5-4框架实现：构建reactive函数，获取proxy实例.mp4 75.3MB
│├─[5.5]–5-5框架实现：什么是WeakMap？它和Map有什么区别？.mp4 58MB
│├─[5.6]–5-6框架实现：createGetter&&cr.mp4 54.4MB
│├─[5.7]–5-7热更新的开发时：提升开发体验.mp4 18.4MB
│├─[5.8]–5-8框架实现：构建effect函数，生成ReactiveEff.mp4 40.4MB
│├─[5.9]–5-9框架实现：track&&trigger.mp4 34.9MB
{06}–第6章响应系统-ref的响应性/
│├─[6.1]–6-1前言.mp4 6.4MB
│├─[6.2]–6-2源码阅读：ref复杂数据类型的响应性(1).mp4 93.5MB
│├─[6.3]–6-3源码阅读：ref复杂数据类型的响应性(2).mp4 76.6MB
│├─[6.4]–6-4框架实现：ref函数-构建复杂数据类型的响应性.mp4 67.4MB
│├─[6.5]–6-5总结：ref复杂数据类型的响应性.mp4 12.1MB
│├─[6.6]–6-6源码阅读：ref简单数据类型的响应性.mp4 65.5MB
│├─[6.7]–6-7框架实现：ref函数-构建简单数据类型的响应性.mp4 32.3MB
│├─[6.8]–6-8总结：ref简单数据类型响应性.mp4 16.2MB
│├─[6.9]–6-9总结.mp4 15.5MB
{07}–第7章响应系统-watch&&computed/
│├─[7.10]–7-10框架实现：深入scheduler调度系统实现机制.mp4 149.2MB
│├─[7.11]–7-11框架实现：初步实现watch数据监听器.mp4 111.8MB
│├─[7.12]–7-12问题分析：watch下的依赖收集原则.mp4 30.6MB
│├─[7.13]–7-13框架实现：完成watch数据监听器的依赖收集.mp4 20.6MB
│├─[7.15]–7-15总结.mp4 11.8MB
│├─[7.1]–7-1开篇.mp4 6.7MB
│├─[7.2]–7-2源码阅读：computed的响应性，跟踪Vue3源码实现逻.mp4 99.4MB
│├─[7.3]–7-3源码阅读：computed的响应性，跟踪Vue3源码实现逻.mp4 101.6MB
│├─[7.4]–7-4框架实现：构建ComputedRefImpl，读取计算属性.mp4 61.4MB
│├─[7.5]–7-5框架实现：computed的响应性：初见调度器，处理脏的状.mp4 58.7MB
│├─[7.6]–7-6框架实现：computed的缓存性.mp4 148.3MB
│├─[7.7]–7-7总结：computed计算属性.mp4 8MB
│├─[7.8]–7-8源码阅读：响应性的数据监听器watch，跟踪源码实现逻辑(.mp4 119.7MB
│├─[7.9]–7-9源码阅读：响应性的数据监听器watch，跟踪源码实现逻辑(.mp4 99.7MB
{08}–第8章runtime运行时-运行时核心设计原则/
│├─[8.1]–8-1前言.mp4 18.4MB
│├─[8.2]–8-2HTMLDOM节点树与虚拟DOM树.mp4 59.2MB
│├─[8.3]–8-3挂载与更新.mp4 75.7MB
│├─[8.4]–8-4h函数与render函数.mp4 34.2MB
│├─[8.5]–8-5运行时核心设计原则.mp4 63.1MB
│├─[8.6]–8-6总结.mp4 3.4MB
{09}–第9章runtime运行时-构建h函数，生成Vnode/
│├─[9.10]–9-10框架实现：实现剩余场景Text、Comment、Frag.mp4 18.4MB
│├─[9.11]–9-11源码阅读：对class和style的增强处理.mp4 51.3MB
│├─[9.12]–9-12框架实现：完成虚拟节点下的class和style的增强.mp4 33MB
│├─[9.13]–9-13总结.mp4 13.7MB
│├─[9.1]–9-1前言.mp4 10.7MB
│├─[9.2]–9-2阅读源码：初见h函数，跟踪Vue3源码实现基础逻辑(1).mp4 64.7MB
│├─[9.3]–9-3阅读源码：初见h函数，跟踪Vue3源码实现基础逻辑(2).mp4 92.1MB
│├─[9.4]–9-4框架实现：构建h函数，处理ELEMENT+TEXT_CHI.mp4 112.2MB
│├─[9.5]–9-5源码阅读：h函数，跟踪ELEMENT+ARRAY_CHIL.mp4 73.4MB
│├─[9.6]–9-6框架实现：构建h函数，处理ELEMENT+ARRAY_CH.mp4 26.5MB
│├─[9.7]–9-7源码阅读：h函数，组件的本质与对应的VNode.mp4 62.1MB
│├─[9.8]–9-8框架实现：处理组件的VNode.mp4 35.5MB
│├─[9.9]–9-9源码阅读：h函数，跟踪Text、Comment、Fragm.mp4 49.1MB
{10}–第10章runtime运行时-构建renderer渲染器/
│├─[10.10]–10-10框架实现：删除元素，ELEMENT节点的卸载操作.mp4 18.7MB
│├─[10.11]–10-11源码阅读：class属性和其他属性的区分挂载.mp4 86MB
│├─[10.12]–10-12深入属性挂载：HTMLAttributes和DOMPr.mp4 72MB
│├─[10.13]–10-13框架实现：区分处理ELEMENT节点的各种属性挂载.mp4 32.4MB
│├─[10.14]–10-14源码阅读：ELEMENT节点下，style属性的挂载和.mp4 75.1MB
│├─[10.15]–10-15框架实现：ELEMENT节点下，style属性的挂载和.mp4 35.7MB
│├─[10.16]–10-16源码阅读：ELEMENT节点下，事件的挂载和更新.mp4 128MB
│├─[10.17]–10-17深入事件更新：vueeventinvokers.mp4 57.4MB
│├─[10.18]–10-18框架实现：ELEMENT节点下，事件的挂载和更新.mp4 38.8MB
│├─[10.19]–10-19局部总结：ELEMENT节点的挂载、更新、props打.mp4 10.2MB
│├─[10.1]–10-1前言.mp4 14.6MB
│├─[10.20]–10-20源码阅读：renderer渲染器下，Text节点的挂载.mp4 40.2MB
│├─[10.21]–10-21框架实现：renderer渲染器下，Text节点的挂载.mp4 30.6MB
│├─[10.22]–10-22源码阅读：renderer渲染器下，Comment节点.mp4 16.7MB
│├─[10.23]–10-23框架实现：renderer渲染器下，Comment节点.mp4 18.6MB
│├─[10.24]–10-24源码阅读：renderer渲染器下，Fragment节.mp4 44.1MB
│├─[10.25]–10-25框架实现：renderer渲染器下，Fragment节.mp4 46.7MB
│├─[10.26]–10-26总结.mp4 18.2MB
│├─[10.2]–10-2源码阅读：初见render函数，ELEMENT节点的挂载.mp4 130.7MB
│├─[10.3]–10-3框架实现：构建renderer基本架构.mp4 98.4MB
│├─[10.4]–10-4框架实现：基于renderer完成ELEMENT节点挂载.mp4 49MB
│├─[10.5]–10-5框架实现：合并渲染架构，得到可用的render函数.mp4 54.5MB
│├─[10.6]–10-6源码阅读：渲染更新，ELEMENT节点的更新操作.mp4.ts 7.9MB
│├─[10.6]–10-6源码阅读：渲染更新，ELEMENT节点的更新操作.mp4.mp4 8.7MB
│├─[10.7]–10-7框架实现：渲染更新，ELEMENT节点的更新实现.mp4 103.2MB
│├─[10.8]–10-8源码阅读：新旧节点不同元素时，ELEMENT节点的更新操.mp4 44MB
│├─[10.9]–10-9框架实现：处理新旧节点不同元素时，ELEMENT节点的更.mp4 30.4MB
{11}–第11章runtime运行时-组件的设计原理与渲染方案/
│├─[11.10]–11-10框架实现：组件生命周期回调处理逻辑.mp4 45.7MB
│├─[11.11]–11-11源码阅读：生命回调钩子中访问响应性数据.mp4 44.1MB
│├─[11.12]–11-12框架实现：生命回调钩子中访问响应性数据.mp4 13.3MB
│├─[11.13]–11-13源码阅读：响应性数据改变，触发组件的响应性变化.mp4 62.9MB
│├─[11.14]–11-14框架实现：响应性数据改变，触发组件的响应性变化.mp4 21.4MB
│├─[11.15]–11-15源码阅读：compositionAPI，setup函数.mp4 66.4MB
│├─[11.16]–11-16框架实现：compositionAPI，setup函数.mp4 29.8MB
│├─[11.17]–11-17总结.mp4 18MB
│├─[11.1]–11-1前言.mp4 12.8MB
│├─[11.2]–11-2源码阅读：无状态基础组件挂载逻辑.mp4 101.1MB
│├─[11.3]–11-3源码阅读：无状态基础组件挂载逻辑.mp4 78.6MB
│├─[11.4]–11-4框架实现：完成无状态基础组件的挂载逻辑.mp4 76.4MB
│├─[11.5]–11-5源码阅读：无状态基础组件更新逻辑.mp4 40.9MB
│├─[11.6]–11-6局部总结：无状态组件的挂载、更新、卸载总结.mp4 12.7MB
│├─[11.7]–11-7源码阅读：有状态的响应性组件挂载逻辑.mp4 96.2MB
│├─[11.8]–11-8框架实现：有状态的响应性组件挂载逻辑.mp4 19.8MB
│├─[11.9]–11-9源码阅读：组件生命周期回调处理逻辑.mp4 115.5MB
{12}–第12章runtime运行时-diff算法核心实现/
│├─[12.10]–12-10框架实现：场景四：旧节点多于新节点时的diff比对.mp4 8.7MB
│├─[12.11]–12-11局部总结：前四种diff场景的总结与乱序场景.mp4 35.6MB
│├─[12.12]–12-12前置知识：场景五：最长递增子序列.mp4 70.6MB
│├─[12.13]–12-13源码逻辑：场景五：求解最长递增子序列.mp4 202.7MB
│├─[12.14]–12-14源码阅读：场景五：乱序下的diff比对.mp4 129.3MB
│├─[12.15]–12-15源码阅读：场景五：乱序下的diff比对.mp4 177.9MB
│├─[12.16]–12-16框架实现：场景五：乱序下的diff比对.mp4 39.5MB
│├─[12.17]–12-17总结.mp4 33.1MB
│├─[12.1]–12-1前言.mp4 21.6MB
│├─[12.2]–12-2前置知识：VNode虚拟节点key属性的作用.mp4 26.7MB
│├─[12.3]–12-3源码阅读：场景一：自前向后的diff对比.mp4 87.6MB
│├─[12.4]–12-4框架实现：场景一：自前向后的diff对比.mp4 44.4MB
│├─[12.5]–12-5源码阅读：场景二：自后向前的diff对比.mp4 41.3MB
│├─[12.6]–12-6框架实现：场景二：自后向前的diff对比.mp4 16.2MB
│├─[12.7]–12-7源码阅读：场景三：新节点多余旧节点时的diff比对.mp4 71.1MB
│├─[12.8]–12-8框架实现：场景三：新节点多余旧节点时的diff比对.mp4 16.5MB
│├─[12.9]–12-9源码阅读：场景四：旧节点多于新节点时的diff比对.mp4 23.2MB
{13}–第13章compiler编译器-编译时核心设计原则/
│├─[13.1]–13-1前言.mp4 46.6MB
│├─[13.2]–13-2模板编译的核心流程.mp4 18.2MB
│├─[13.3]–13-3抽象语法树-AST.mp4 32.1MB
│├─[13.4]–13-4AST转化为JavaScriptAST，获取codege.mp4 41MB
│├─[13.6]–13-6总结.mp4 6.7MB
{14}–第14章compiler编译器-构建compile编译器/
│├─[14.10]–14-10框架实现：转化JavaScriptAST，构建深度优先.mp4 111.7MB
│├─[14.11]–14-11框架实现：构建transformXXX方法，转化对应节.mp4 121.8MB
│├─[14.12]–14-12框架实现：处理根节点的转化，生成JavaScriptA.mp4 52.8MB
│├─[14.13]–14-13扩展知识：render函数的生成方案.mp4 58.2MB
│├─[14.14]–14-14源码阅读：编译器第三步：生成render函数.mp4 154.6MB
│├─[14.15]–14-15框架实现：构建CodegenContext上下文对象.mp4 31.5MB
│├─[14.16]–14-16框架实现：解析JavaScriptAST，拼接rend.mp4 158.6MB
│├─[14.17]–14-17框架实现：新建compat模块，把render转化为f.mp4 26.2MB
│├─[14.18]–14-18总结.mp4 12.3MB
│├─[14.1]–14-1前言.mp4 9.2MB
│├─[14.2]–14-2扩展知识：JavaScript与有限自动状态机.mp4 79.4MB
│├─[14.3]–14-3扩展知识：扫描tokens构建AST结构的方案.mp4 43.4MB
│├─[14.4]–14-4源码阅读：编译器第一步：依据模板，生成AST抽象语法树.mp4 269.6MB
│├─[14.5]–14-5框架实现：构建parse方法，生成context实例.mp4 47.2MB
│├─[14.6]–14-6框架实现：构建有限自动状态机解析模板，扫描token生成.mp4 218.5MB
│├─[14.7]–14-7框架实现：生成AST，构建测试.mp4 30.5MB
│├─[14.8]–14-8扩展知识：AST到JavaScriptAST的转化策略和.mp4 40.9MB
│├─[14.9]–14-9源码阅读：编译器第二步：转化AST，得到JavaScri.mp4 215MB
{15}–第15章compiler编译器-深入编辑器处理逻辑（困难）/
│├─15-12 基于编辑器的指令(v-xx)处理：JavaScript AST ，transform 的转化逻辑.mp4 23.4MB
│├─[15.10]–15-10困难-基于编辑器的指令(v-xx)处理：AST解析逻辑.mp4 123.9MB
│├─[15.11]–15-11困难-基于编辑器的指令(v-xx)处理：JavaScr.mp4 245.5MB
│├─[15.13]–15-13基于编辑器的指令(v-xx)处理：生成render函数.mp4 79.1MB
│├─[15.14]–15-14总结.mp4 6.6MB
│├─[15.1]–15-1前言.mp4 9.7MB
│├─[15.2]–15-2响应性数据的编辑器处理：响应性数据的处理逻辑.mp4 44MB
│├─[15.3]–15-3响应性数据的编辑器处理：AST解析逻辑.mp4 37.6MB
│├─[15.4]–15-4响应性数据的编辑器处理：JavaScriptAST转化逻.mp4 29.1MB
│├─[15.5]–15-5响应性数据的编辑器处理：render转化逻辑分析.mp4 18MB
│├─[15.6]–15-6响应性数据的编辑器处理：generate生成render.mp4 44.4MB
│├─[15.7]–15-7响应性数据的编辑器处理：render函数的执行处理.mp4 37.2MB
│├─[15.8]–15-8多层级模板的编辑器处理：多层级的处理逻辑.mp4 28MB
│├─[15.9]–15-9基于编辑器的指令(v-xx)处理：指令解析的整体逻辑.mp4 36.7MB
{16}–第16章运行时+编译时-合并vue处理逻辑/
│├─[16.2]–16-2基于render渲染的createApp的构建逻辑.mp4 107.9MB
│├─[16.3]–16-3基于template渲染的createApp的构建逻辑.mp4 43.4MB
│├─[16.4]–16-4总结.mp4 13.3MB
{17}–第17章课程总结/
│├─[17.1]–17-1总结.mp4 11.3MB
课件/
│├─vue-next-mini-master.zip 83.4KB