国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > PHP > 正文

jQuery 源碼分析筆記

2024-05-04 23:18:29
字體:
來源:轉載
供稿:網友
jQuery的宗旨是Write Less, Do More。它對JavaScript的開發風格侵入性不如YUI那么強,當然也不如Dojo和YUI如此龐大。它極大的簡化了JavaScript的日常開發工作,主要是DOM元素的操作(從名字Query就可以看出)。另外一個主要工作就是每個前端開發者都需要面對的瀏覽器兼容性。jQuery兼容所有主流瀏覽器的大部分版本,從萬惡的IE6開始直到Firefox,Chrome等現代瀏覽器。除了居于核心的一小部分代碼之外,剩下的jQuery都是松散的函數,擴展性很強。上有成千上萬的jQuery插件,你需要的功能幾乎都有對應的jQuery插件,而且不止一個。
jQuery代碼的頭部是License聲明。采用了GPLv2和MIT雙協議。而在jQuery聲明下是另一個項目的聲明:Sizzle。這是jQuery作者另外的一個開源項目,在MIT、BSD和GPL下發布。它是一個獨立的selector實現(pure-JavaScript CSS selector engine),可以獨立使用。它的壓縮版本只有3KB多一點,號稱效率最高的選擇器實現。jQuery從1.3開始使用Sizzle代替了原來的selector實現。
JS代碼中有大量的()和{},這里使用的是Vim閱讀,因為%命令可以快速的找到匹配的括號。
代碼總體結構和變量
jQuery的代碼整體上就是一個匿名函數調用:

復制代碼 代碼如下:


(function (window, undefined) {
// ...
})(window);


這是為了避免污染全局對象,同時也可以方便的管理執行上下文。這個技巧在JS代碼中經常見到,在jQuery代碼中也很常見。比如,在jQuery和其他JS庫同時使用時,$符號可能已經被使用了。為了仍然使用$符號:

復制代碼 代碼如下:


(function ($) {
// $("...")... 照常使用$
})(jQuery);


在這里傳入真正的jQuery對象。
下面進入真正的實現部分,首先是$,也就是jQuery對象的聲明,其中最基本的兩個成員也列出來了:

復制代碼 代碼如下:


var jQuery = (function() {
var jQuery = function(selector, context) {
// 真正的初始化函數
return new jQuery.fn.init(selector, context, rootjQuery);
},
// 一大堆變量聲明
// fn是主要的函數實現點,也是jQuery插件的起點。實際上就是JS原型
jQuery.fn = jQuery.prototype = {
};
// 一個擴展對象用的函數,可以動態地往對象上加成員。以后往jQuery里面加成員都是用extend函數完成的。
jQuery.extend = jQuery.fn.extend = function() {
};
// ...
return jQuery;
})();


jQuery對象是核心對象,所有$(...)得到的都是jQuery對象,除了少部分直接實現在jQuery下的Utility函數之外,大部分函數都是用extend方法加到jQuery對象里的。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 吉林省| 金华市| 泌阳县| 鹤岗市| 太仓市| 通榆县| 新疆| 清原| 稻城县| 永丰县| 文安县| 洛阳市| 呼玛县| 江西省| 金堂县| 油尖旺区| 正镶白旗| 夹江县| 蒙自县| 大邑县| 行唐县| 玉门市| 泾阳县| 德保县| 桂阳县| 大庆市| 射洪县| 紫云| 武穴市| 石林| 汉沽区| 巩义市| 镇远县| 准格尔旗| 遂平县| 靖宇县| 简阳市| 延吉市| 循化| 谢通门县| 漳州市|