-
1、解決命名空間與變量污染的問(wèn)題 2、立即調(diào)用表達(dá)式查看全部
-
1、jQuery按我的理解分為五大塊，選擇器、DOM操作、事件、AJAX與動(dòng)畫(huà) 2、單一職責(zé)SRP 3、解耦 4、異步隊(duì)列模塊（Deferred）與回調(diào)模塊（Callbacks） 5、jQXHR對(duì)象查看全部
-
http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html 所以我們需要設(shè)計(jì)一個(gè)返回后觸發(fā)處理的機(jī)制，當(dāng)然原生的JavaScript對(duì)這個(gè)機(jī)制幾乎是沒(méi)有的。為了優(yōu)化這個(gè)形成統(tǒng)一的異步處理方案，jQuery就開(kāi)始設(shè)計(jì)了一個(gè)Deferred異步模型。 所以說(shuō)，Deferred的引入，為處理事件回調(diào)提供了更加強(qiáng)大并且更靈活的編程模型。 Deferred 提供了一個(gè)抽象的非阻塞的解決方案（如異步請(qǐng)求的響應(yīng)），它創(chuàng)建一個(gè)promise對(duì)象，其目的是在未來(lái)某個(gè)時(shí)間點(diǎn)返回一個(gè)響應(yīng)。簡(jiǎn)單來(lái)說(shuō)就是一個(gè)異步/同步回調(diào)函數(shù)的處理方案。查看全部
-
我們常見(jiàn)的異步操作： 定時(shí)器setTimeout postmessage WebWorkor CSS3 動(dòng)畫(huà) XMLHttpRequest HTML5的本地?cái)?shù)據(jù) 等等…查看全部
-
函數(shù)aQuery()內(nèi)部首先保證了必須是通過(guò)new操作符構(gòu)建。意義重大...如上結(jié)構(gòu)就可以模擬出jQuery的這樣的操作了，即可通過(guò)索引取值，也可以鏈?zhǔn)椒椒ㄈ≈?..但存在缺陷 exec()?方法在一個(gè)指定字符串中執(zhí)行一個(gè)搜索匹配。返回一個(gè)結(jié)果數(shù)組或?null。 返回值 如果匹配成功，exec() 方法返回一個(gè)數(shù)組，并更新正則表達(dá)式對(duì)象的屬性（lastIndex）。返回的數(shù)組將完全匹配成功的文本作為第一項(xiàng)，將正則括號(hào)(捕獲)里匹配成功的作為數(shù)組填充到后面。如果匹配失敗，exec() 方法返回?null。查看全部
-
window和undefined都是為了減少變量查找所經(jīng)過(guò)的scope作用域。查看全部
-
1、兩個(gè)DOM對(duì)象肯定是相等的，兩個(gè)jquery對(duì)象一定是不等的！ 2、靜態(tài)方法：uid綁定在jquery對(duì)象上，不同jquery對(duì)象不會(huì)覆蓋 實(shí)例方法：uid綁定在DOM對(duì)象上，相同DOM對(duì)象會(huì)覆蓋查看全部
-
Data類(lèi)的設(shè)計(jì)： 1.jQuery本身就是包裝后的數(shù)組結(jié)構(gòu)，這個(gè)不需要解析了； 2.通過(guò)data存儲(chǔ)數(shù)據(jù)： 為了不把數(shù)據(jù)與dom直接關(guān)聯(lián)，所以會(huì)把數(shù)據(jù)存儲(chǔ)到一個(gè)cache對(duì)象上 產(chǎn)生一個(gè) unlock = Data.uid++; unlock 標(biāo)記號(hào) 把unlock標(biāo)記號(hào)，作為一個(gè)屬性值 賦予$body節(jié)點(diǎn) cache緩存對(duì)象中開(kāi)辟一個(gè)新的空間用于存儲(chǔ)foo數(shù)據(jù)，this.cache[ unlock ] = {}; 最后把foo數(shù)據(jù)掛到cache上,cache[ data ] = value; 3.通過(guò)data獲取數(shù)據(jù) 從$body節(jié)點(diǎn)中獲取到unlock標(biāo)記 通過(guò)unlock在cache中取到對(duì)應(yīng)的數(shù)據(jù)查看全部
-
數(shù)據(jù)緩存，jQuery現(xiàn)在支持兩種： 1. dom元素，數(shù)據(jù)存儲(chǔ)在jQuery.cache中。 2. 普通js對(duì)象，數(shù)據(jù)存儲(chǔ)在該對(duì)象中。 var data_priv = new Data(); var data_user = new Data(); 一個(gè)是給jQuery內(nèi)部使用，比如數(shù)據(jù)對(duì)象，queue，Deferred，事件，動(dòng)畫(huà)緩存。 另一個(gè)對(duì)象data_user是提供給開(kāi)發(fā)者使用的，比如$.attr(),$.data等等。查看全部
-
簡(jiǎn)單的來(lái)說(shuō)： 1.jQuery.data()可以實(shí)現(xiàn)為dom元素或js對(duì)象添加緩存 2.$("ele").data()是對(duì)前者的擴(kuò)展，其目的是可以方便的通過(guò)選擇器為多個(gè)dom元素添加緩存數(shù)據(jù) 雖然大體的意思一樣，但是2個(gè)接口在處理上卻有差別，也是我們?nèi)菀缀鲆暤?查看全部
-
對(duì)于jQuery來(lái)說(shuō)，數(shù)據(jù)緩存系統(tǒng)本來(lái)就是為事件系統(tǒng)服務(wù)而分化出來(lái)的，到后來(lái)，它的事件克隆乃至后來(lái)的動(dòng)畫(huà)列隊(duì)實(shí)現(xiàn)數(shù)據(jù)的存儲(chǔ)都是離不開(kāi)緩存系統(tǒng)，所以數(shù)據(jù)緩存也算是jQuery的一個(gè)核心基礎(chǔ)了。 好處： A.允許我們?cè)贒OM元素上附加任意類(lèi)型的數(shù)據(jù),避免了循環(huán)引用的內(nèi)存泄漏風(fēng)險(xiǎn) B.用于存儲(chǔ)跟dom節(jié)點(diǎn)相關(guān)的數(shù)據(jù)，包括事件，動(dòng)畫(huà)等 C.一種低耦合的方式讓DOM和緩存數(shù)據(jù)能夠聯(lián)系起來(lái) jQuery的數(shù)據(jù)緩存接口： jQuery.data( element, key, value ) $(ele).data( ) 在jQuery的官方文檔中，提示用戶(hù)這jQuery.data()是一個(gè)低級(jí)的方法，應(yīng)該用$(ele).data()方法來(lái)代替。$.data( element, key, value )可以對(duì)DOM元素附加任何類(lèi)型的數(shù)據(jù)，但避免了循環(huán)引用導(dǎo)致的內(nèi)存泄漏問(wèn)題。 二者都是用來(lái)在元素上存放數(shù)據(jù)也就平時(shí)所說(shuō)的數(shù)據(jù)緩存,都返回jQuery對(duì)象，但是內(nèi)部的處理確有本質(zhì)的區(qū)別。查看全部
-
（1）： DOM對(duì)象： DOM 是 Document Object Model（文檔對(duì)象模型）的縮寫(xiě)，用傳統(tǒng)的方法(javascript)獲得的eg.getElementById()...。 javascript對(duì)象： 是javascript中除了Document Object的其余對(duì)象。 jQuery對(duì)象： 即是用jQuery類(lèi)庫(kù)的選擇器獲得的對(duì)象; （2）： 內(nèi)存泄露是指一塊被分配的內(nèi)存既不能使用，又不能回收，直到瀏覽器進(jìn)程結(jié)束。 而另外一種情況，就是循環(huán)引用，一個(gè)DOM對(duì)象和JS對(duì)象之間互相引用，這樣造成的情況更嚴(yán)重一些，即使刷新，內(nèi)存也不會(huì)減少。這就是嚴(yán)格意義上說(shuō)的內(nèi)存泄露了。 所以在平時(shí)實(shí)際應(yīng)用中, 我們經(jīng)常需要給元素緩存一些數(shù)據(jù)，并且這些數(shù)據(jù)往往和DOM元素緊密相關(guān)。由于DOM元素(節(jié)點(diǎn))也是對(duì)象, 所以我們可以直接擴(kuò)展DOM元素的屬性，但是如果給DOM元素添加自定義的屬性和過(guò)多的數(shù)據(jù)可能會(huì)引起內(nèi)存泄漏，所以應(yīng)該要盡量避免這樣做。 因此更好的解決方法是使用一種低耦合的方式讓DOM和緩存數(shù)據(jù)能夠聯(lián)系起來(lái)。 所以我們必須有一種機(jī)制，避免引用數(shù)據(jù)直接依附在DOM對(duì)象上，這樣盡量避免內(nèi)存泄漏的產(chǎn)生。jQuery的緩存系統(tǒng)就很好的解決了這一問(wèn)題（即內(nèi)存泄漏這個(gè)問(wèn)題）。查看全部
-
stopOnFalse的邏輯處理在這里： for (; list && firingIndex < firingLength; firingIndex++) { if (list[firingIndex](data) === false && options === 'stopOnFalse') { break; } }查看全部
-
if (options == 'unique') { if (-1 === list.indexOf(fn)) { // 數(shù)組也有indexOf()，不存在時(shí)為-1，否則為索引 list.push(fn) } }查看全部
-
我們?cè)趫?zhí)行cbs.add(fn2);時(shí)，除了把fn2添加到了回調(diào)隊(duì)列還立刻執(zhí)行了這個(gè)方法，參數(shù)是用的之前的。查看全部
舉報(bào)
0/150
提交
取消