淺析document.createDocumentFragment()與js效率_javascript技巧
來源：懂視網(wǎng)
責(zé)編：小采
時間：2020-11-27 21:11:41
淺析document.createDocumentFragment()與js效率_javascript技巧
淺析document.createDocumentFragment()與js效率_javascript技巧:document.createDocumentFragment()說白了就是為了節(jié)約使用DOM。每次JavaScript對DOM的操作都會改變頁面的變現(xiàn)，并重新刷新整個頁面，從而消耗了大量的時間。為解決這個問題，可以創(chuàng)建一個文檔碎片，把所有的新節(jié)點(diǎn)附加其上，然后把文檔碎片的內(nèi)容一次性添加
導(dǎo)讀淺析document.createDocumentFragment()與js效率_javascript技巧:document.createDocumentFragment()說白了就是為了節(jié)約使用DOM。每次JavaScript對DOM的操作都會改變頁面的變現(xiàn)，并重新刷新整個頁面，從而消耗了大量的時間。為解決這個問題，可以創(chuàng)建一個文檔碎片，把所有的新節(jié)點(diǎn)附加其上，然后把文檔碎片的內(nèi)容一次性添加
document.createDocumentFragment()說白了就是為了節(jié)約使用DOM。每次JavaScript對DOM的操作都會改變頁面的變現(xiàn)，并重新刷新整個頁面，從而消耗了大量的時間。為解決這個問題，可以創(chuàng)建一個文檔碎片，把所有的新節(jié)點(diǎn)附加其上，然后把文檔碎片的內(nèi)容一次性添加到document中。
這是我寫的一個簡單的測試頁面：
代碼如下:
document.createDocumentFragment()測試頁面結(jié)果為：
IE7：
方法一用時：140
方法二用時：125
Firefox：
方法一用時：66
方法二用時：43
Chrome：
方法一用時：35
方法二用時：25
得出的結(jié)果還是和理論上的一致了。
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
淺析document.createDocumentFragment()與js效率_javascript技巧
淺析document.createDocumentFragment()與js效率_javascript技巧:document.createDocumentFragment()說白了就是為了節(jié)約使用DOM。每次JavaScript對DOM的操作都會改變頁面的變現(xiàn)，并重新刷新整個頁面，從而消耗了大量的時間。為解決這個問題，可以創(chuàng)建一個文檔碎片，把所有的新節(jié)點(diǎn)附加其上，然后把文檔碎片的內(nèi)容一次性添加
