-
鏈?zhǔn)秸{(diào)用 應(yīng)改是在一個(gè)原型上寫多個(gè)方法查看全部
-
new 操作符把圓形臉跟實(shí)例的this關(guān)聯(lián)，這樣可以通過(guò)實(shí)例可以傳值到原型鏈查看全部
-
DOMContentLoaded 是在構(gòu)造HTML DOM模型完畢，load 是在頁(yè)面加載完畢查看全部
-
instanceof 判斷左側(cè)的對(duì)象是否是右側(cè)類的實(shí)例；這樣this就是指向aQuery這個(gè)實(shí)例對(duì)象查看全部
-
jquery咋學(xué)查看全部
-
Query.Callbacks還提供“once memory”等參數(shù)用來(lái)處理： ?? ?? once: 確保這個(gè)回調(diào)列表只執(zhí)行（ .fire() ）一次(像一個(gè)遞延 Deferred)。 ?? ?? memory: 保持以前的值，將添加到這個(gè)列表的后面的最新的值立即執(zhí)行調(diào)用任何回調(diào) (像一個(gè)遞延 Deferred)。 ?? ?? unique: 確保一次只能添加一個(gè)回調(diào)(所以在列表中沒有重復(fù)的回調(diào))。 ?? ?? stopOnFalse: 當(dāng)一個(gè)回調(diào)返回false 時(shí)中斷調(diào)用。查看全部
-
、一個(gè)回調(diào)函數(shù)作為參數(shù)傳遞給另一個(gè)函數(shù)是，我們僅僅傳遞了函數(shù)定義。我們并沒有在參數(shù)中執(zhí)行函數(shù)。我們并不傳遞像我們平時(shí)執(zhí)行函數(shù)一樣帶有一對(duì)執(zhí)行小括號(hào)()的函數(shù) 2、回調(diào)函數(shù)并不會(huì)馬上被執(zhí)行，它會(huì)在包含它的函數(shù)內(nèi)的某個(gè)特定時(shí)間點(diǎn)被“回調(diào)”查看全部
-
for in 語(yǔ)句對(duì)數(shù)組對(duì)象進(jìn)行遍歷潛在的bug在于：如果原生Array類被其他的js腳本庫(kù)進(jìn)行了原型擴(kuò)展（比如多加一個(gè)toJSON方法即Array.prototype.toJSON=xxxx)，那么用for in遍歷擴(kuò)展后的Array對(duì)象的邏輯將與遍歷原生Array對(duì)象的邏輯發(fā)生差異查看全部
-
get與eq的區(qū)別<br> .eq() 減少匹配元素的集合，根據(jù)index索引值，精確指定索引對(duì)象。<br> .get() 通過(guò)檢索匹配jQuery對(duì)象得到對(duì)應(yīng)的DOM元素。<br> 同樣是返回元素，那么eq與get有什么區(qū)別呢？<br> <br> eq返回的是一個(gè)jQuery對(duì)象，get返回的是一個(gè)DOM對(duì)象。舉個(gè)例子：<br> <br> $( "li" ).get( 0 ).css("color", "red"); //錯(cuò)誤<br> $( "li" ).eq( 0 ).css("color", "red"); //正確<br> get方法本質(zhì)上是把jQuery對(duì)象轉(zhuǎn)換成DOM對(duì)象，但是css屬于jQuery構(gòu)造器的，DOM是不存在這個(gè)方法的，如果需要用jQuery的方法，我們必須這樣寫：<br> <br> var li = $( "li" ).get( 0 );<br> $( li ).css("color", "red"); //用$包裝<br> 取出DOM對(duì)象li，然后用$再次包裝，使之轉(zhuǎn)變成jQuery對(duì)象，才能調(diào)用css方法，這樣要分2步寫太麻煩了，所以jQuery給我們提供了一個(gè)便捷方法eq()。 Query的考慮很周到，通過(guò)eq方法只能產(chǎn)生一個(gè)新的對(duì)象，但是如果需要的是一個(gè)合集對(duì)象要怎么處理？因此jQuery便提供了一個(gè)slice方法： 語(yǔ)法： .slice( start [, end ] ) 作用： 根據(jù)指定的下標(biāo)范圍，過(guò)濾匹配的元素集合，并生成一個(gè)新的 jQuery 對(duì)象。 因?yàn)槭菙?shù)組對(duì)象，意味著我們可以用silce來(lái)直接取值了，所以針對(duì)合集對(duì)象我們可以這樣寫代碼： var arr = [] arr.push( this.slice(start[,end]) ) this.pushStack（arr） 這個(gè)this指的是jQuery對(duì)象，因?yàn)閖Query對(duì)象是數(shù)組集合，所以我們可以通過(guò)原生的silce方法直接取到集合數(shù)，然后通過(guò)包裝處理即可了。查看全部
-
通過(guò)調(diào)用的上下文，我們來(lái)確定這個(gè)方法是作為靜態(tài)還是實(shí)例處理，在javascript的世界中一共有四種上下文調(diào)用方式：方法調(diào)用模式、函數(shù)調(diào)用模式、構(gòu)造器調(diào)用模式、apply調(diào)用模式： ? jQuery.extend調(diào)用的時(shí)候上下文指向的是jQuery構(gòu)造器 ? jQuery.fn.extend調(diào)用的時(shí)候上下文指向的是jQuery構(gòu)造器的實(shí)例對(duì)象了 ??????? 通過(guò)extend()函數(shù)可以方便快速的擴(kuò)展功能，不會(huì)破壞jQuery的原型結(jié)構(gòu)，jQuery.extend = jQuery.fn.extend = function(){...}; 這個(gè)是連等，也就是2個(gè)指向同一個(gè)函數(shù)，怎么會(huì)實(shí)現(xiàn)不同的功能呢？這就是this力量了！ ??????? fn與jQuery其實(shí)是2個(gè)不同的對(duì)象，在之前有講解：jQuery.extend 調(diào)用的時(shí)候，this是指向jQuery對(duì)象的(jQuery是函數(shù)，也是對(duì)象！)，所以這里擴(kuò)展在jQuery上。而jQuery.fn.extend 調(diào)用的時(shí)候，this指向fn對(duì)象，jQuery.fn 和jQuery.prototype指向同一對(duì)象，擴(kuò)展fn就是擴(kuò)展jQuery.prototype原型對(duì)象。這里增加的是原型方法，也就是對(duì)象方法了。所以jQuery的API中提供了以上2個(gè)擴(kuò)展函數(shù)。查看全部
-
jQuery的核心理念是Write less,Do more(寫的更少,做的更多)，那么鏈?zhǔn)椒椒ǖ脑O(shè)計(jì)與這個(gè)核心理念不謀而合。那么從深層次考慮這種設(shè)計(jì)其實(shí)就是一種Internal DSL。 DSL是指Domain Specific Language，也就是用于描述和解決特定領(lǐng)域問題的語(yǔ)言。 jQuery的Internal DSL形式帶來(lái)的好處——編寫代碼時(shí)，讓代碼更貼近作者的思維模式；閱讀代碼時(shí)，讓讀者更容易理解代碼的含義；應(yīng)用DSL可以有效的提高系統(tǒng)的可維護(hù)性（縮小了實(shí)現(xiàn)模型和領(lǐng)域模型的距離，提高了實(shí)現(xiàn)的可讀性）和靈活性，并且提供開發(fā)的效率。 jQuery的這種管道風(fēng)格的DSL鏈?zhǔn)酱a，總的來(lái)說(shuō)： ? ?? 節(jié)約JS代碼； ? ?? 所返回的都是同一個(gè)對(duì)象，可以提高代碼的效率。 通過(guò)簡(jiǎn)單擴(kuò)展原型方法并通過(guò)return this的形式來(lái)實(shí)現(xiàn)跨瀏覽器的鏈?zhǔn)秸{(diào)用。利用JS下的簡(jiǎn)單工廠方法模式，來(lái)將所有對(duì)于同一個(gè)DOM對(duì)象的操作指定同一個(gè)實(shí)例。查看全部
-
Query通過(guò)new原型prototype上的init方法當(dāng)作構(gòu)造器，那么init的原型鏈方法就是實(shí)例的方法了，所以jQuery通過(guò)2個(gè)構(gòu)造器劃分2種不同的調(diào)用方式一種是靜態(tài)，一種是原型。 方法是共享的，并且實(shí)例方法取于靜態(tài)方法，2個(gè)構(gòu)造器是完全隔離的 ,這個(gè)要如何處理？ 看看jQuery給的方案： 畫龍點(diǎn)睛的一處init.prototype = jQuery.fn，把jQuery.prototype原型的引用賦給jQuery.fn.init.prototype的原型，這樣就把2個(gè)構(gòu)造器的原型給關(guān)聯(lián)起來(lái)了。查看全部
-
引入jQuery運(yùn)行這個(gè)noConflict函數(shù)將變量$的控制權(quán)讓給第一個(gè)實(shí)現(xiàn)它的那個(gè)庫(kù)，確保jQuery不會(huì)與其他庫(kù)的$對(duì)象發(fā)生沖突。 在運(yùn)行這個(gè)函數(shù)后，就只能使用jQuery變量訪問jQuery對(duì)象。例如，在要用到$("aaron")的地方，就必須換成jQuery("aaron")，因?yàn)?的控制權(quán)已經(jīng)讓出去了。 使用DEMO： jQuery.noConflict(); // 使用 jQuery jQuery("aaron").show(); // 使用其他庫(kù)的 $() $("aaron").style.display = ‘block’; ?? 這個(gè)函數(shù)必須在你導(dǎo)入jQuery文件之后，并且在導(dǎo)入另一個(gè)導(dǎo)致沖突的庫(kù)之前使用。當(dāng)然也應(yīng)當(dāng)在其他沖突的庫(kù)被使用之前，除非jQuery是最后一個(gè)導(dǎo)入的。查看全部
-
DOM文檔加載的步驟： 要想理解為什么ready先執(zhí)行，load后執(zhí)行就要先了解下DOM文檔加載的步驟： (1) 解析HTML結(jié)構(gòu)。 (2) 加載外部腳本和樣式表文件。 (3) 解析并執(zhí)行腳本代碼。 (4) 構(gòu)造HTML DOM模型。//ready (5) 加載圖片等外部文件。 (6) 頁(yè)面加載完畢。//load 故ready先執(zhí)行l(wèi)oad后執(zhí)行查看全部
-
jQuery的入口都是統(tǒng)一的$, 通過(guò)傳遞參數(shù)的不同，實(shí)現(xiàn)了9種方法的重載： 1. jQuery([selector,[context]]) 2. jQuery(element) 3. jQuery(elementArray) 4. jQuery(object) 5. jQuery(jQuery object) 6. jQuery(html,[ownerDocument]) 7. jQuery(html,[attributes]) 8. jQuery() 9. jQuery(callback) jQuery的無(wú)new構(gòu)建原理 函數(shù)aQuery()內(nèi)部首先保證了必須是通過(guò)new操作符構(gòu)建。這樣就能保證當(dāng)前構(gòu)建的是一個(gè)帶有this的實(shí)例對(duì)象，既然是對(duì)象我們可以把所有的屬性與方法作為對(duì)象的key與value的方式給映射到this上，所以如上結(jié)構(gòu)就可以模擬出jQuery的這樣的操作了，即可通過(guò)索引取值，也可以鏈?zhǔn)椒椒ㄈ≈?，但是這樣的結(jié)構(gòu)是有很大的缺陷的，每次調(diào)用ajQuery方法等于是創(chuàng)建了一個(gè)新的實(shí)例，那么類似get方法就要在每一個(gè)實(shí)例上重新創(chuàng)建一遍，性能就大打折扣，所以jQuery在結(jié)構(gòu)上的優(yōu)化不僅僅只是我們看到的，除了實(shí)現(xiàn)類數(shù)組結(jié)構(gòu)、方法的原型共享，而且還實(shí)現(xiàn)方法的靜態(tài)與實(shí)例的共存，這是我們之后將會(huì)重點(diǎn)分析的。查看全部
舉報(bào)
0/150
提交
取消