MDN中對(duì)documentFragment的解釋:
DocumentFragment,文檔片段接口,一個(gè)沒有父對(duì)象的最小文檔對(duì)象。它被作為一個(gè)輕量版的 Document使用,就像標(biāo)準(zhǔn)的document一樣,存儲(chǔ)由節(jié)點(diǎn)(nodes)組成的文檔結(jié)構(gòu)。與document相比,最大的區(qū)別是DocumentFragment不是真實(shí) DOM 樹的一部分,它的變化不會(huì)觸發(fā) DOM 樹的重新渲染,且不會(huì)導(dǎo)致性能等問題。
當(dāng)我們把一個(gè) DocumentFragment 節(jié)點(diǎn)插入文檔樹時(shí),插入的不是 DocumentFragment 自身,而是它的所有子孫節(jié)點(diǎn)。在頻繁的DOM操作時(shí),我們就可以將DOM元素插入DocumentFragment,之后一次性的將所有的子孫節(jié)點(diǎn)插入文檔中。和直接操作DOM相比,將DocumentFragment 節(jié)點(diǎn)插入DOM樹時(shí),不會(huì)觸發(fā)頁(yè)面的重繪,這樣就大大提高了頁(yè)面的性能。