課程
/前端開發(fā)
/jQuery
/jQuery源碼解析(DOM與核心模塊)
文檔碎片是什么 ?誰能解釋下
2016-12-08
源自:jQuery源碼解析(DOM與核心模塊) 2-2
正在回答
哦原來是這個意思,我還一直在想為啥while(x.nodeType!=1)這里不是(x.nodeType==1).是的,可以重復(fù)使用,比如一個新聞網(wǎng)頁的欄目可以使用h2。
一般情況下,我們向DOM中添加新的元素或者說節(jié)點,DOM會立刻更新。也就是添加一次更新一次,如果添加100個節(jié)點,那么就得更新100次,很浪費資源?。?我們可以創(chuàng)建一個文檔碎片,這個文檔碎片類似于一個小的DOM,只不過他的更新速度快(這是我的猜測,反正甭管怎么著,文檔碎片的速度要快于DOM),先將添加的100個節(jié)點附加到文檔碎片上,然后將文檔碎片附加到DOM上,ok,搞定!
舉報
由淺入深的剖析jQuery庫的設(shè)計與實現(xiàn),揭開框架背后的秘密
1 回答試了一下,發(fā)現(xiàn)使用文檔碎片和直接添加并沒有明顯的區(qū)別啊,而且為啥每次運行時間都很較大差異
2 回答為什么是!== 11?是什么意思
2 回答為什么是這樣的
3 回答eq(2)是什么意思
4 回答(elem = elem[ 'parentNode' ]) 是什么意思
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2022-03-26
哦原來是這個意思,我還一直在想為啥while(x.nodeType!=1)這里不是(x.nodeType==1).是的,可以重復(fù)使用,比如一個新聞網(wǎng)頁的欄目可以使用h2。
2016-12-17
一般情況下,我們向DOM中添加新的元素或者說節(jié)點,DOM會立刻更新。也就是添加一次更新一次,如果添加100個節(jié)點,那么就得更新100次,很浪費資源?。?我們可以創(chuàng)建一個文檔碎片,這個文檔碎片類似于一個小的DOM,只不過他的更新速度快(這是我的猜測,反正甭管怎么著,文檔碎片的速度要快于DOM),先將添加的100個節(jié)點附加到文檔碎片上,然后將文檔碎片附加到DOM上,ok,搞定!