如何阅读前端源码

往死里读!

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

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

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

     最好能熟悉常用API

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

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

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

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

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

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

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

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

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

原文地址:https://www.cnblogs.com/jiajiaobj/p/13707631.html