为了账号安全,请及时绑定邮箱和手机立即绑定
慕课专栏

目录

索引目录

Vue3核心源码详解38讲

限时优惠 ¥ 48.00

原价 ¥ 68.00

12月18日后恢复原价

限时优惠
立即订阅
01 开篇词:学习 Vue 源码,打开前端晋级之路
更新时间:2020-11-17 08:40:52
困难只能吓倒懦夫懒汉,而胜利永远属于敢于等科学高峰的人。——茅以升

开篇词:学习vue源码,打开前端晋级之路

大家好,我是 TooBug,Web 前端工程师,目前就职于某互联网金融公司任前端架构师,负责过诸多项目的前端技术选型和架构。

我从业十年,经历过长时间的纯原生 JS 和 jQuery 开发,2012 年左右开始使用 backbone.js 开发,算是接触到了 MVVM 时代的启蒙框架。后来作为国内较早一批使用 MVVM 框架的前端工程师,开始实践 Angular.js / Vue。

一路走过来,见证了前端框架领域的诸多变化,时至今日,数据驱动、组件化开发、单页面前端路由……每一个点都是一步步探索而来,直到现在已经成为每一个成熟框架的共识。

作为一个前端架构师,在做技术选型的过程中,会面临无数的问题:这个特性是否会引起理解上的歧义,使用这样的开发方式是否会带来性能的下降,为了提升团队效率应该选择激进的技术还是保守的技术……对这些问题的思考,会使得我在评估每一个框架的时候有更多的维度,而不仅仅是从某一个方面进行评价。

在日常工作及准备这个专栏的过程中,我了解到很多前端工程师,哪怕是一直在使用 Vue 的工程师也很少关注 Vue 的技术原理,当碰到问题的时候第一反应就是搜索一下,找一个相似问题的代码片段,粘贴使用。

这样的方式能够解决当下的一小部分问题,然而当真的碰到复杂场景下下的问题时,不仅找不到合适的解决方式,甚至由于对原理理解太少,连合适的搜索关键词都找不到。

因此学习 Vue 绝不应该仅仅是学习它的用法。在用法这一点上,Vue已经做得足够易用了。只有我们深入理解它的原理,才能够应付在开发过程中的各种问题,找到根本原因并提出最合适的解决办法。

最后,我为大家简单介绍一下课程的具体安排:

课程安排:

首先,我会介绍相关背景及专栏内容,包含如何阅读专栏的章节。

接下来我会用一章的篇幅来介绍相关前置知识,包含现代 Web 前端开发的特征及解读 Vue 源码需要的必备的相关前置知识。掌握这些知识可以帮助我们在阅读源码时不过分陷入细节,而是时刻保持对整体结构的关注。

介绍完前置知识后会进入接触 Vue 的第一个部分,即实例及入口。通过了解 Vue 实例初始化的过程以及在不同环境下的包装入口,我们就能弄清楚当我们使用 Vue 的时候,到底是在使用什么。

在看过 Vue 实例之后,我将介绍 Vue 最核心的几个机制,包括依赖收集、数据监听、模板编译、组件机制等机制,掌握这些机制后可以说 Vue 源码的精髓就已经大致掌握了。

再接下来一章,我会介绍在前面章节中因为篇幅安排而刻意漏掉的一些细节,例如渲染辅助方法、双向绑定、slots、nextTick 等。

在看完 Vue 源码的核心后,我们还会专门看一下编译工具,因为这一部分实际上是贯穿在Vue 使用的全过程中的,了解编译工具链的核心原理和实现有助于更好地理解 Vue 的实现原理。

最后,作为扩展,vue-router/vuex 等周边的核心原理和实现也会简单做一些介绍。

此外,因为 Vue 3 已经发布,我也将使用一章的篇幅来介绍 Vue 3 的主要变化和值得注意的实现细节。

这便是课程的全部内容,相信大家在看完后会有一些收获。

}
限时优惠 ¥ 48.00 ¥ 68.00

你正在阅读课程试读内容,订阅后解锁课程全部内容

千学不如一看,千看不如一练

手机
阅读

扫一扫 手机阅读

Vue3核心源码详解38讲
限时优惠 ¥ 48.00 ¥ 68.00

举报

0/150
提交
取消