1. 程式人生 > >jQuery技術內幕:深入解析jQuery架構設計與實現原理

jQuery技術內幕:深入解析jQuery架構設計與實現原理

源碼 att root 功能 技術內幕 瀏覽器 sel 緩存 callbacks

jQuery源碼(jquery-1.7.1.js)的總體結構:
(function( window, undefined ) {
// 構造jQuery對象
var jQuery = (function() {
var jQuery = function( selector, context ) {
return new jQuery.fn.init( selector, context, rootjQuery );
}
return jQuery;
})();
// 工具方法 Utilities
// 回調函數列表 Callbacks Object
// 異步隊列 Deferred Object
// 瀏覽器功能測試 Support
// 數據緩存 Data
// 隊列 Queue
// 屬性操作 Attributes
// 事件系統 Events
// 選擇器 Sizzle
// DOM 遍歷 Traversing
// DOM 操作 Manipulation
// 樣式操作 CSS(計算樣式、內聯樣式)
// 異步請求 Ajax
// 動畫 Effects
// 坐標 Offset、尺寸 Dimensions
window.jQuery = window.$ = jQuery;
})(window);

jQuery技術內幕:深入解析jQuery架構設計與實現原理