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