jQuery v2.1.4源码分析.docxVIP

jQuery源码分析源码结构(function (global, factory) { factory(global);}(typeof window !== undefined ? window : this, function (window, noGlobal) {var jQuery = function (selector, context) {returnnewjQuery.fn.init(selector, context); };// jQuery对象原型 jQuery.fn = jQtotype = { constructor: jQuery, init: function (selector, context, rootjQuery) {// selector有以下7种分支情况：// DOM元素// body（优化）// 字符串：HTML标签、HTML字符串、#id、选择器表达式// 函数（作为ready回调函数）// 最后返回伪数组 } };// Give the init function the jQuery prototype for later instantiationjQtotype = jQuery.fn;// 合并内容到第一个参数中，后续大部分功能都通过该函数扩展// 通过jQuery.fn.extend扩展的函数，大部分都会调用通过jQuery.extend扩展的同名函数 jQuery.extend = jQuery.fn.extend = function () { };// 在jQuery上扩展静态方法 jQuery.extend({// ready bindReady// isPlainObject isEmptyObject// parseJSON parseXML// globalEval// each makeArray inArray merge grep map// proxy// access// uaMatch// sub// browser });// 核心方法// 回调系统// 异步队列// 数据缓存// 队列操作// 选择器引// 属性操作// 节点遍历// 文档处理// 样式操作// 属性操作// 事件体系// AJAX交互// 动画引擎var// Map over jQuery in case of overwrite _jQuery = window.jQuery,// Map over the $ in case of overwrite _$ = window.$; jQuery.noConflict = function (deep) {if (window.$ === jQuery) { window.$ = _$; }if (deep window.jQuery === jQuery) { window.jQuery = _jQuery; }return jQuery; }; window.jQuery = window.$ = jQuery;return jQuery;}));jQuery一共13个模块，从2.1版开始jQuery支持通过AMD模块划分，jQuery在最开始发布的1.0版本是很简单的，只有CSS选择符、事件处理和AJAX交互3大块。其发展过程中，有几次重要的变革：? 1.2.3 版发布，引入数据缓存，解决循环引用与大数据保存的问题? 1.3 版发布，它使用了全新的选择符引擎Sizzle，在各个浏览器下全面超越其他同类型JavaScript框架的查询速度，程序库的性能也因此有了极大提升? 1.5 版发布，新增延缓对像(Deferred Objects)，并用deferred重写了Ajax模块? 1.7 版发布，抽象出回调对象，提供了强大的的方式来管理回调函数列表。每一次大的改进都引入了一些新的机制、新的特性，通过这些新的机制就造就了如今jQuery库，一共13个模块，模块不是单一的，比如jQuery动画，都会依赖异步队列、动画队列、回调队列与数据缓存模块等。jQuery抽出了所有可复用的特性，分离出单一模块，通过组合的用法，不管在设计思路与实现手法上jQuery都是非常高明的。五大块：jQuery按我的理解分为五大块，选择器、DOM操作、事件、AJAX与动画，那么为什么有13个模块？因为jQuery的设计中最喜欢的做的一件事，就是抽出共同的特性使之“模块化”，当然也是更贴近S.O.L.I.D五大原则的“单一职责SRP”了，