课程简介

这不是一个高冷、不接地气的源码课!而是一个从开发者实际工作角度出发,结合 Vue 3 的设计机制,通过产出一个精简版 Vue 3 框架的方式,让大家可以站在 Vue 3 源码设计者的角度,俯视所有业务场景,彻底搞清楚每一行 Vue 代码背后,Vue 都做了什么!课程的核心设计原则:让更多的人,以更轻松的方式,学习Vue 3 源码!

Vue3源码解析,打造自己的Vue3框架,领悟尤大思维精髓 完整版 课件 源码

课程讲师

高级技术专家,曾就职于国内一线互联网公司,统筹过的多个大型项目用户数已过千万级。致力于研究大前端技术,多次受邀参加国内前端技术分享会,如:2018 年Google 中国技术分享会

文档梳理的很细节贴心,老师的视频讲解也很不错

文档太细心了,第一次有老师专门folk好对应版本的代码提供下载,就不会导致代码更新导致的讲解偏差了。重要源码文件文件夹加了文字注释讲解,细致的程度是完全没有想到。

与其他课相比有什么优势

亲,您好~本课程会带领大家阅读的源代码,更会实现一个精简版的框架:vue-next-mini。另外为了保证大家的学习质量和学习的平滑曲线,课程额外提供了多达几十万字的图文节,仅图文节就堪比专业的书籍,可谓诚意满满!祝您学习愉快~

手写源码还是源码分析

这个有在线电子书吗 预计多会能更新完啊

 

课程目录

第1章 课程导读 试看1 节 | 10分钟
明确课程的核心:这是一个让《初级软件开发工程师都能够学会》同时可以让《高级软件工程师也能收获颇多,更进一步》的源码课

第2章 框架设计前瞻 - 框架设计中的一些基本概念14 节 | 96分钟
本章节主要需要介绍框架设计中的基本概念,因为对于很多开发者而言,平时工作中,更多的是针对应用进行开发,对框架本身的设计接触比较少,所以我们需要在一开始的时候,进行一个科普。

第3章 Vue 3源码结构 - 搭建框架雏形 试看12 节 | 84分钟
主要讲解Vue 3 源码如何进行 debugger、源码的各个模块是如何进行划分与配合工作的、Vue 3 的代码框架设计有什么独特之处。

第4章 响应系统 - 响应系统的核心设计原则 试看8 节 | 61分钟
从 vue 2 到 vue 3,从 Object.defineProperty 到 Proxy 。这样的升级带来了什么样的变化,Object.defineProperty 又存在哪些设计层的缺陷呢?本章统统告诉你

第5章 响应系统 - 初见 reactivity 模块16 节 | 122分钟
reactive 函数是响应性的核心函数之一。本章将讲解 reactive 函数是如何构建响应性的、vue 3对它的处理是什么、我们又应该如何实现它。

第6章 响应系统 - ref 的响应性9 节 | 65分钟
reactive 函数存在一定的不足。那么,本章将讲解ref 函数是如何弥补的这种不足的、为什么 ref 必须要通过 .value 获取数据、为什么 ref 解构之后不会失去响应性、Ref 和 reactive 之间又存在什么关系。

第7章 响应系统 - watch && computed15 节 | 175分钟
响应性的变化总是及时的?那么是否存在惰性的响应性呢? Vue 中所谓的调度系统又是什么意思?Watch 和 computed 在源码层存在什么样的区别?它们有和 reactive 存在什么差异呢?

第8章 runtime 运行时 - 运行时核心设计原则6 节 | 43分钟
在构建运行时之前,我们需要了解的基础概念,比如:DOM 树和虚拟 DOM 树的关系,render 函数和 h 函数的关系,运行时的核心设计原则…

第9章 runtime 运行时 - 构建 h 函数,生成 Vnode13 节 | 108分钟
h 函数作为运行时的核心函数,我们应该如何进行构建。Vnode 中对 Element、component、Text、Comment、Fragment 又如何进行划分?

第10章 runtime 运行时 - 构建 renderer 渲染器 26 节 | 232分钟
渲染器是运行时最核心的内容,针对不同的 Vnode 渲染器如何进行处理。在浏览器端和 SSR 端这些不同的宿主环境下, 节点的挂载又是如何进行呢?

第11章 runtime 运行时 - 组件的设计原理与渲染方案
组件是 vue 中非常重要的一块内容,值得我们花费一个单独的模块进行讲解。对组件而言,他不光包含了 render 的渲染函数,它还额外包含了 data 响应性数据、生命周期钩子等内容,针对于这么复杂的场景,vue 是如何进行设计的?我们又应该如何处理呢?这些都会在本章进行讲解...

第12章 runtime 运行时 - diff 算法核心实现
diff 算法是 渲染器的核心算法,它会在什么场景下进行执行?整个的 diff 逻辑是如何运转的?最长递增子序列指的又是什么?学完本章,以上内容再也难不到你。

第13章 compiler 编译器 - 编译时核心设计原则
编译器是 vue 中最后一个大模块,里面涉及到了一些冷僻的概念和复杂的逻辑。所以想要学习编辑器,那么我们需要先站在足够高的“地方” 俯视整个编辑器逻辑,掌握它的核心执行规律。

第14章 compiler 编译器 - 构建 compile 编译器
AST 抽象语法树、JavaScript AST、render 函数生成。在我们了解了整个编译的大步骤之后,接下来我们就需要深入各个步骤,来掌握编译器的执行过程了。

第15章 compiler 编译器 - 深入编辑器处理逻辑(困难)
仅仅掌握一个基础的编译器,可能并不能满足大家的胃口。所以在本章中,我们将深入编译器逻辑,从响应性处理、多层渲染、指令这三个方面入手,帮助大家深入编译器逻辑。

第16章 运行时 编译时 - 合并 vue 处理逻辑
三大模块的合并策略,助你得到一个属于自己的 vue 3 框架

第17章 课程总结
本章是课程的最后一节了,到此课程就完结了,武功秘籍已经传授给大家了,后面大家就要自己闯荡江湖了。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件、阿里云盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源