课程简介：

我是黄奕我的常用ID是USDB。黄奕其实就是在我的名字前面加上我母校的缩写。我现在在Zoom担任前端架构师，之前先后与百度、滴滴从事前端研发工作。我平时喜欢钻研新技术、新框架，关注前端自动化、工程化前端架构和很多常年打磨自身编程能力的开发者一样，我对代码有洁癖，一直在努力追求高质量的代码，前端技术日新月异的今天，前端应用的复杂度也在日益提升，熟练掌握一门MVM前端开发框架已经成为必然要求，因为它能够很大程度上帮助前端开发者提高生产力。
UGS、react和Angular是目前国内最流行的三个前端框架，其中VGS凭借着轻量易上手的优势收获了大批粉丝，百度、阿里、腾讯、滴滴、头条、美团等大厂已经在大面积使用VOGS开发外部前端项目，很多中小型公司也因为易上手开发效率高而选用VOGS。此外，很多小程序的跨端方案，例如Uniapp、MPX、卡梅隆、WPY等框架也选择类VGS的语法。
总体而言，市场对于VGS人才的需求是非常旺盛的，但也正因为VOGS上手门槛低，市场需求和人才现状之间存在不少现实的矛盾。那么都有哪些矛盾？很多初学者通过简单的培训后便入行，但所学的大多是Demo级别的项目，到真实的工作环境中往往水土不服，他们在工作中只会简单的调用API，而复杂的组件非常依赖于开源的实现，如果找不到相关组件，甚至难以完成开发需求，他们也没有深入研究过，或者根本不懂VGS底层实现原理。
开发中遇到bug后不懂得如何分析解决问题，也不懂得如何调试。工作中往往需要通过阅读源码去了解当前项目和第三方库的实现方式和原理。但是简单的知识填充式的培训并不能教会这些初学者，也很难自己形成这样的能力，初级开发人员已经很难满足当前市场需求，而高阶开发人员却显得供不应求，面试早已不是只考察你应用层面的掌握情况，面试官还喜欢考察技术背后的实现原理来判断你对技术的掌握程度，以及是否有对技术的专业精神，如果你对VOGS的使用只浮于表面，技术能力不过关，那你将很难在行业中立足。
以我多年的从业经历来看，了解技术实现原理是前端工作的必然要求，而看源码是了解技术实现原理最直接手法，是高效提升个人技术能力的有效途径，此外，学习VOGS源码还能够从更多层面提升你的技术实力。
首先，学习源码有助于提升你的Javascript功底，6GS源码底层是用纯原生Javascript写的，你可以在阅读VUGS源码的过程中学习到很多Javascript编程技巧，这种贴合实战的学习方式比你天天抱着编程书看效率要高得多。

课程截图：

课程目录：

[4053]开篇词解析Vue.j源码，提升编码能力.md
[4054]导读一文看懂Vue.j3.0的优化.md
[4055]01组件渲染：vnode到真实DOM是如何转变的？.md
[4056]02组件更新：完整的DOMdiff流程是怎样的？（上）.md
[4057]03组件更新：完整的DOMdiff流程是怎样的？（下）.md
[4058]04Setup：组件渲染前的初始化过程是怎样的？.md
[4059]05响应式：响应式内部的实现原理是怎样的？（上）.md
[4060]07计算属性：计算属性比普通函数好在哪里？.md
[4061]08侦听器：侦听器的实现原理和使用场景是什么？（上）.md
[4062]10生命周期：各个生命周期的执行时机和应用场景是怎样的？.md
[4063]11依赖注入：子孙组件如何共享数据？.md
[4064]12模板解析：构造AST的完整流程是怎样的？（上）.md
[4065]14AST转换：AST节点内部做了哪些转换？（上）.md
[4066]16生成代码：AST如何生成可运行的代码？（上）.md
[4067]18Prop：Prop的初始化和更新流程是怎样的？.md
[4068]19插槽：如何实现内容分发？.md
[4069]20指令：指令完整的生命周期是怎样的？.md
[4070]21v-model：双向绑定到底是怎么实现的？.md
[4071]22Teleport组件：如何脱离当前组件渲染子组件？.md
[4072]特别放送导读研究Vue官方生态的实现原理.md
[4073]23KeepAlive组件：如何让组件在内存中缓存和调度？.md
[4074]24Tranition组件：过渡动画的实现原理是怎样的？（上）.md
[4075]26VueRouter：如何实现一个前端路由？（上）.md
[4076]27VueRouter：如何实现一个前端路由？（下）.md
[4078]模块一导读组件的实现：直击Vue核心的实现.md
[4242]模块二导读逻辑复用最佳实践：CompoitionAPI.md
[4245]06响应式：响应式内部的实现原理是怎样的？（下）.md
[4343]09侦听器：侦听器的实现原理和使用场景是什么？（下）.md
[4491]13模板解析：构造AST的完整流程是怎样的？（下）.md
[4492]15AST转换：AST节点内部做了哪些转换？（下）.md
[4493]17生成代码：AST如何生成可运行的代码？（下）.md
[4505]模块三导读编译和优化：了解编译过程和背后的优化思想.md
[4741]模块四导读实用特性：探索更多实用特性背后的原理.md
[4742]模块五导读内置组件：学习Vue内置组件的实现原理.md
[4743]结束语终点也是起点.md
[4784]25Tranition组件：过渡动画的实现原理是怎样的？（下）.md
文档
[4053]开篇词解析Vue.j源码，提升编码能力.mp4
[4054]导读一文看懂Vue.j3.0的优化.mp4
[4055]01组件渲染：vnode到真实DOM是如何转变的？.mp4
[4056]02组件更新：完整的DOMdiff流程是怎样的？（上）.mp4
[4057]03组件更新：完整的DOMdiff流程是怎样的？（下）.mp4
[4058]04Setup：组件渲染前的初始化过程是怎样的？.mp4
[4059]05响应式：响应式内部的实现原理是怎样的？（上）.mp4
[4060]07计算属性：计算属性比普通函数好在哪里？.mp4
[4061]08侦听器：侦听器的实现原理和使用场景是什么？（上）.mp4
[4062]10生命周期：各个生命周期的执行时机和应用场景是怎样的？.mp4
[4063]11依赖注入：子孙组件如何共享数据？.mp4
[4064]12模板解析：构造AST的完整流程是怎样的？（上）.mp4
[4065]14AST转换：AST节点内部做了哪些转换？（上）.mp4
[4066]16生成代码：AST如何生成可运行的代码？（上）.mp4
[4067]18Prop：Prop的初始化和更新流程是怎样的？.mp4
[4068]19插槽：如何实现内容分发？.mp4
[4069]20指令：指令完整的生命周期是怎样的？.mp4
[4070]21v-model：双向绑定到底是怎么实现的？.mp4
[4071]22Teleport组件：如何脱离当前组件渲染子组件？.mp4
[4072]特别放送导读研究Vue官方生态的实现原理.mp4
[4073]23KeepAlive组件：如何让组件在内存中缓存和调度？.mp4
[4074]24Tranition组件：过渡动画的实现原理是怎样的？（上）.mp4
[4075]26VueRouter：如何实现一个前端路由？（上）.mp4
[4076]27VueRouter：如何实现一个前端路由？（下）.mp4
[4078]模块一导读组件的实现：直击Vue核心的实现.mp4
[4242]模块二导读逻辑复用最佳实践：CompoitionAPI.mp4
[4245]06响应式：响应式内部的实现原理是怎样的？（下）.mp4
[4343]09侦听器：侦听器的实现原理和使用场景是什么？（下）.mp4
[4491]13模板解析：构造AST的完整流程是怎样的？（下）.mp4
[4492]15AST转换：AST节点内部做了哪些转换？（下）.mp4
[4493]17生成代码：AST如何生成可运行的代码？（下）.mp4
[4505]模块三导读编译和优化：了解编译过程和背后的优化思想.mp4
[4741]模块四导读实用特性：探索更多实用特性背后的原理.mp4
[4742]模块五导读内置组件：学习Vue内置组件的实现原理.mp4
[4743]结束语终点也是起点.mp4
[4784]25Tranition组件：过渡动画的实现原理是怎样的？（下）.mp4