如何阅读框架源代码

读懂框架源代码

一、懂得框架解决了什愦问题

不管对于那个段位的 Developer 来说，读源码都是一件好处颇多的工作，特别于初学者而言，这能敏捷的吸纳优良框架精华代码养分，敏捷成长。不巧的是，晦涩难解的源码，很轻易让人心生怯意。今天禀享就来谈一谈读源码的办法，欲望能帮到一些有心读源码的同伙。

这不但对读源码有赞助，半数个进修都很有赞助。思虑一个问题：钠揭捉?习 Vue\React 的原因，除了它们如日中天，再不进修都不好意思找工作了，还掺杂了一些它们的某些优良特点能给我带来某某好处的思虑么？

新潮的框架，开辟者须要并且也应当去懂得，用人单位须要当然是本能的驱动力，什么火学什么也无可厚非，然则在闷声进修之前，须要加上一层思虑，比拟之前的技巧体系，这个框架到调果断了什愦问题，优势在哪，怀着目标去进修才不至于迷茫，例如 Vue\React 最大年夜的长处是什么呢？组件化吧，带着框架是若何解决这个问题的疑问去进修，定能事半功倍

对于读源率攀来说，这一步就更关键了，如不雅都不懂得代码是要干什么的，怎么会清跋扈它为什么这貌源湄？再细分一下，在细心浏览某个模块的文件的时刻，也应当对模块的功能有个整体的把握

二、懂得框架的设计思惟

这一步尤为关键，我们看不懂源码（或者看起来举步维艰），并不是因为不懂某一句语法，而是不眉僮镑者的思路。举一个简单的例子：

    //这个办法可以获得point2顶角的弧度值    function getAngle(point1, point2, point3) {        var bb = (point2.y - point1.y)*(point2.y - point1.y) + (point2.x - point1.x)*(point2.x - point1.x);        var aa = (point3.y - point1.y)*(point3.y - point1.y) + (point3.x - point1.x)*(point3.x - point1.x);        var cc = (point3.y - point2.y)*(point3.y - point2.y) + (point3.x - point2.x)*(point3.x - point2.x);        var cosa = (bb + cc - aa)/(2*Math.sqrt(bb)*Math.sqrt(cc));        return Math.acos(cosa);    }

getAngle办法接收留个坐标参数，可以计算出 point2 顶角的弧度值，如不雅不告诉你这应用了应用三角形的余弦定理，生怕你看半天也看不出来这是怎么算出来的

那么我们可以经由过程什么渠道去懂得框架的设计思惟：

到框架的官网看文档，开源的框架，甭管详不具体，这肯定是第一手威望材料
到网上搜别人的分析总结(源码分析也不会少)，大年夜多半情况下，都邑有大年夜神已经研究过了，站在巨人的肩膀上，能省不少事

别的，设计思惟是全部框架层面的，对于每一个实现细节，又会应用不少设计模式，例如函数式编程（Js 中最为常用）、单例模式、代劳模式、工厂模式等等，这就须要日常平凡的积聚了。有必定代码量的积聚之后，建议浏览一皓设计模式类的书本，对本身的代码设计，以及浏览别人的源码，都很有益处。

三、搭建调试情况，摸清履行主脉络

第一节我们提到，细分到每个模块，要对模块功能有个整体的把握，若何去做到这个“把握”？除了官方文档和网上查阅的材料，最好的办法就是写一个简单的 Demo，搭建好测试情况，增长一些调试信息，天然能理清除框架的生命周期中，每一步须要调用那个模块（对于目次构造很清楚的优良框架，有时刻也可以凭直觉猜测，打印日记确认）

四、分清主次

框架源码就是一颗枝繁叶茂的参天大年夜树，而你要做的工作是大年夜根部网上爬。重要这么多分支，时光又是这么昂贵，浏览的策略很重要。我们的浏览路径，要以重要流程为主（也就是树的主驱赶，如许才能尽可能快的达到顶点），对于一些细枝末节，再这之后再来慢慢啃（或者有须要的时刻）
例如，要去浏览 Vue 的源码，有个目次是解析模板，生成语法树 AST 大年夜而最毕生成 Render Function 的, 其拭魅这一步最关键的是这个 Render Function 的生成结不雅，对于若何去解析模板、生成语法树，可以先放一放，回头须要的时刻再回头看。不然你很轻易卡逝世在某个点上出不来，大年夜而产生放弃的念头

五、保持不放弃

技巧策略合适，碰到棘手过不去的问题也很正常，这个时刻考验的就是毅力了，持续调试、搜刮材料、或者找个大年夜神来问一问都行，只要不放弃就好~~

【编辑推荐】

深度 | 详解首个体系性测试实际深度进修体系的白箱框架DeepXplore
唇枪激辩，谁与争锋？——前端后端豪情辩论赛
MIT 提出Network Dissection框架，全主动窥测神经收集练习的黑箱
前端成长空间大年夜？后端才是王道？开辟者何去何大年夜？
大年夜TensorFlow到Theano：横向比较七大年夜深度进修框架

【义务编辑：张子龙 TEL：（010）68476606】

　　推荐阅读

　　“互联网+海关”上线福建企业可网上办理9大类业务、60项具体事项

据懂得，海关很早就实现了大年夜部分通关营业网上办事，为全国企业供给报关预录入、出口退税、行政审批、常识产权立案等网上干事办事。2014年海关周全深化改革以来，“三互”大>>>详细阅读

本文标题：如何阅读框架源代码

地址：http://www.17bianji.com/lsqh/36066.html

1/2 1