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