如何阅读前端源码

往死里读！

========================================================================

玩笑而已。先分享一下自己的一点点习惯。

1.   第一，阅读手册，最起码能敲出一个简单的demo。

     最好能熟悉常用API

2.   打开chrome devtools 开始打断点，步步追踪。

      差不多对调用流程有点概念了。

3.   打开源码， 比如react, 或者vue, 直接用 完整版本。齐全，不用跳转文件来回查找。

4.   折叠起该折叠的。这样看名称的时候比较清晰。

      其实这时候就可以看出源码的脉络了， 为了不枯燥，咱就快速的浏览，看方法名，猜功能。

5.   有了脉络了，然后有一些猜不出来的，就看它的调用与被调用栈，基本上都能找到上下文中，能认识个大概的。

6.   这个时候再打断点就有针对性了，继续断点查看。

7.   相信以上七步之后，就能对源码有个大概了解了。然后再细节就慢慢看吧，针线活。费点时间而已。

 

阅读过程中，会遇到各种奇技淫巧，生僻api, 一个一个查漏补缺，也是一个进步的过程。