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