首页 > JavaScript > 文章正文

谈谈怎样阅读vue的源码

更新时间:2018-03-19
最近发现自己太菜了,就在想怎么提高自己。从 github 上找新框架写几个 demo 或 todo 已经完全对自己没有帮助了,而我自己从来没有阅读过任何项目的源码。虽然解读源码的文章看过不少,但其实并没有多少帮助。既然很多前辈都说过读好项目的源码能提高水平,那我就亲自实践看看效果好了,我不想选简单没什么难度的项目,所以就从现在最火的三个前端框架之一的 vue 开始读。

这篇文章并不会具体的解读源码中具体的某个文件、某个函数或某行代码,因为我上面也说了,这样的源码解读对绝大多数人来说,并没有什么帮助。而我要说的是阅读 vue 的源码的方法,像 vue 现在已经非常庞大了,对于经验不够的前端同行来说,想要读懂源码难度都不会小。只有在我们掌握了正确的读源码姿势后,自己再去一行行的读源码才能真正的提高水平。

当然我只能谈谈我是怎样读 vue 源码的,并不能说它是正确的方式。我之前没有读过源码,从上周末开始,我已经花了一周多的时间学习 vue 的源码。我已经知道了 vue 运行的整个流程和一部分功能的实现细节。而对于一些非常复杂的功能,我只大概知道它在哪个步骤进行,具体如何实现的,还有待继续学习。

好了,言归正传。我说下我是怎样阅读 vue 源码的吧:

看文档

第一步是看文档,注意是看文档,而不是查文档。文档一定要看的是指南和 api,指南告诉我们了 vue 是什么,vue 的核心概念和一些核心功能的实现细节。api 文档则列出了所有的方法和属性,并一一做了介绍。

在用 vue 做项目的时候,我们都会在记不清某个 api 或不知道有没有某个 api 的时候去查文档。而在我们读源码的时候,如果不熟悉 api 的话会非常吃力的,因为你不知道 api 对应的源码方法能接受几个参数、什么类型的参数。特别是像 vue 的 api,作者为了方便使用者,很多 api 都接受几个类型的参数,自然会有很多判断的逻辑在源码里。所以不管你之前有没有看过文档,一定要先去认真的看一遍。不然你在读源码的过程中还是要时不时的打开文档的,就像我一样

相关文章
相关标签