如何深入浅出地解析jQuery源码？

本文共计5851个文字，预计阅读时间需要24分钟。

最近一直在研读jQuery源码，初看源码头部的一串云图和注释，真有点不知所云。但真正静下心来细细品读，你会发现其实写得很是精妙，让你感叹代码之美。其结构明晰，模块化高，既具有高内聚低耦合的优点，又兼具优异的性能和良好的扩展性。

最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，让你感叹代码之美。

其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。

另外，阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识，接下来将会写一系列关于 jQuery 解析的文章。

我在 github 上关于 jQuery 源码的全文注解，感兴趣的可以围观一下。jQuery v1.10.2 源码注解。

系列第二篇：源码浅析2--奇技淫巧

网上已经有很多解读 jQuery 源码的文章了，作为系列开篇的第一篇，思前想去起了个的标题，资历尚浅，无法对 jQuery 分析的头头是道，但是 jQuery 源码当中确实有着大量巧妙的设计，不同层次水平的阅读者都能有收获，所以打算厚着脸皮将自己从中学到的一些知识点共享出来。打算从整体及分支，分章节剖析。本篇主要讲 jQuery 的整体架构及一些前期准备，先来看看 jQuery 的整体结构：

jQuery 整体架构

不同于 jQuery 代码各个模块细节实现的晦涩难懂，jQuery 整体框架的结构十分清晰，按代码行文大致分为如上图所示的模块。