其实观察最近的面试,已经十句不离源码了。
而绝大部分前端忙于每天的业务代码中,没有闲暇去看源码。想着只要我项目做的够多,面试就一定能通过。但事实上!你懂几个框架的源码,绝对会对你的面试有帮助。
但是源码是让人头疼的,所以在这里我教教大家如何看源码。
1
切忌一句句看,先理清楚框架运行架构
很多人之所以觉得源码难以理解,主要是理解的方式错了,正确的思路应该是利用编辑器先看清楚整体的代码是一个什么样的结构。
比如像这样:
把功能代码隐藏,先搞清楚整个框架是在怎么样的一个运行模式里,然后我们再接着去找他的运行起点,如上图的Vue源码所示。
我们使用Vue是直接New Vue(),所以我们直接去找他的Vue类在哪定义。然后看Vue的类里面又做了什么,一路查找下去。这样源码阅读就会更有头绪,更有思路!
2
要想会源码,你先要学会使用
我们能够阅读一个框架的前提,是我们要学会用这个框架。就像上面说的找起点,首先得知道这个框架怎么用,你才能找到起点。
在后面的一系列api阅读都是建立在你会这个框架的基础上。
举个例子,我们阅读Vue的use方法源码。如果你知道use方法是怎么一个作用,在阅读时就会很容易看懂他的源码。
3
良好的英文阅读能力和经验会帮助你
优秀框架的变量方法命名都是非常语义化的,所以良好的英文阅读能力会非常有效的帮助你理解这个方法或者变量的作用。
如果你英文阅读能力不佳,请随身打开翻译。此外,源码七分靠读,三分靠猜。所以你会发现当你读过两三个框架的源码后,一切的源码阅读都会开始变得简单。
因为优秀的代码都是有很多共同的技巧的。所以如果你具有一定的源码阅读经验,那么你在阅读过程中会非常轻松。