jQuery 架構分析

2021-07-14 14:45:12 字數 569 閱讀 6460

1 使用使用jquery.prototype 覆蓋 jquery.prototype.init.prototype 

這樣在jquery.prototype.init.prototype 中如果找不到的屬性或者非法,就會去jquery.prototype中尋找(物件的prototype 相當於其他高階語言中的object類)

2 jquery.name 相當於先在jquery.prototype.init 自身物件例項中尋找 如果木有 則到父類 (即jquery 類中了) 

3 jquery.extend 是擴充套件的外掛程式介面 (裡面已經包含內部擴充套件的一些方法) 使用者可以自己擴充套件一些方法

jquery.extend 對jquery本身的屬性和方法進行了擴充套件

相當於擴充套件了 jquery類方法

jquery.fn.extend 對jquery.fn的屬性和方法進行了擴

可理解擴充套件jquery 示例方法$('#id') 中this 是指 jquery.prototype.init + jquery.prototype中的方法

jquery原始碼之整體架構分析

jquery的整體 架構簡化如下 function window,undefined jquery.fn jquery.prototype jquery.fn.init.prototype jquery.fn if typeof window object typeof window.documen...

jQuery整體架構

function global,factory typeof window undefined window this,function window,noglobal jquery.fn jquery.prototype 核心方法 系統 非同步佇列 資料快取 佇列操作 選擇器引 屬性操作 節點遍歷...

jQuery總體架構

jquery的理念就是 寫更少的 做更多的事 而且做到 的高度相容性。大致可以分為三個部分 構造模組,底層支援模組和功能模組。這裡先分析一下匿名函式 匿名函式的作用是建立一塊封閉區域,外面不能夠訪問裡面的變數和方法,有兩種比較常見的寫法 寫法一 function 寫法二 function 除了這兩種...