相信很多人都试图去看过源码，绝大多数是看不下去，没有及时获得正向反馈是一个原因，或者说，毫无章法的读源码使你并不清楚自己错过了什么？

这篇文章将会通过对Vue和jQuery的源码解读，清晰的告诉你阅读源码能够带给你的益处。

01

 看懂事情的本质

以Vue为例子，在npm run dev之后，Vue都做了哪些工作呢？

看下面的代码：

其实很简单，Vue类里面其实就是调用了一个_init方法，这一段代码调用了五个方法，并传入了Vue类。

• initMixin，它的作用是给vue的原型链里加入Vue类里调用的_init方法

 

• stateMixin也和前面的initMixin类似，其实就是往Vue的原型里注入了$data,$props属性，以及$set、$delete 以及 $watch方法。

• eventMixin就是往vue原型链里注入了事件的监听与触发，即我们常用的$emit，$on。

• lifecycleMixin，就是注入了一些生命周期函数。

• renderMixin就和后面的具体编译有关。

这里只对我们npm run dev之后Vue做的工作做一个简单描述，相信看懂的人，会有种瞬间觉得心里透亮的感觉，从懵懵懂懂会用，到了解大概工作内容，有种擦干净一层玻璃的感觉。

再去审视自己的npm run dev有没有觉得不一样了呢？这里只是讲解一些开头，如果你深入其中，你会更加的透彻。

看源码其实也是在和这背后的人对话，从对方的处理技巧中，能够得到很多启发。

02

让自己学会看源码

以上两个小例子，不管你是去通读还是细抠，阅读源码源码都有可以学到的东西。

对于工作两三年左右的人来说，也是提升自己很好的方式。

1. 一些优秀框架的源码，其中的写法，思路，运用到的设计模式都是对于我们有借鉴意义的。

2. 从使用到理解，会用一个框架容易，但只有当你深入到这个框架的源码，你才是真正的透彻了这个框架。更何况现在面试的时候都爱问源码。

因此，给大家推荐一个 精心打磨的《前端进阶训练营》，不同于别的的课程，这个训练营通过带你深入理解 Vue / jQuery 的底层架构分析，破解面试难题；还有助教全天答疑，不用担心被难点困住。

优惠价仅限200名

立刻扫码，抢先一步

03

课程详情

注：本次训练营会提供回放视频、PPT课件、课堂笔记和随堂源码。
回放视频会在当天晚上下课之后上传，找助教老师获取下载链接即可。PPT课件、课堂笔记和随堂源码会在3月17日统一发给完成全部作业且2天都到课的同学。

没时间解释了，上车！！！

福利较大，限前200名

备注“前端”助教小姐姐才会通过！

 

扫码参与必得咕泡内部福利

本号粉丝专属福利

遇到扫码频繁，请再次识别

（弯道超车就看这次了！）