今天是农历也是我心中的 2018 年的年终岁尾,所以也展望一下 2019 年。希望大家在新年学的更多,因此赚得更多。
本来想用春节放假的时间搞定 vue 源码,后来一想自己什么脑袋,人家 Evan 什么脑袋,人家从 2014 年就开始搞,一直搞到现在,我用一周就能看懂有点不要脸啊,所以现实点吧,今年能看懂就不错了,今年能看懂然后自己模仿写一个我就知足了。当然我也不是一点基础都没有,多少了解点 vnode 基本原理以及 html 解析。
首先需要从全局来了解一下 Evan 大神是排兵布阵的,和 vue 项目中一些核心技术。
还有就是看源码就像考试,看源码是我们学习的一次考验和检查,就像期中考试中的难题。所以我们先不要关注时间,因为这次考试是没有时间限制的。
1. Vnode 虚拟节点的知识,这是 react 的核心技术,Vnode 是我们可以用 javascript 来写原生应用的基石。当年 react 凭借虚拟节点技术荣登宝座吧。
2. 观察者模式,就是实现 MVVM 的基础,这个个人研究过 Angularjs 的源码,并有相关分享
3. typescript 是必不可少,学习也不单单是为了解 vue 源码,学习 typescript 好处还是很多。Angular 要求开发人员用 typescript 来写 Angular 应用, react 也支持 typescript,现在连微信小程序也支持用 typescript 来写。而且人家 typescript 可以不依赖任何框架就能写出大型的 web 应用来。
4. rollup 和 webpack 打包工具,webpack 个人用过一段时间,可以说一说我自己学习 javascript 项目构建工具的几个阶段吧,最开始时候我就接触过 grunt,那时候对 javascript 的构建理解也不深刻,不过用过 grunt 来构建发布自己 javascript 项目决定是很酷的事。我想当时身边的前端开发人员因该是很少听过 grunt ,没等他们听说 grunt ,grunt 就逐渐退出构建项目的舞台。没过多长时间就接触到 gulp 也是我在实际开发过程用的最多的打包工具。
6. vue 编译,这个是大家都在玩了编译,我们将自己代码编译 javascript 。
我想了想可以分兵几路,直捣黄龙。从外向内,再从内向外来分析 vue 源码。
网友评论