如何渲染數據


染數據的方法

  1)、字符串拼接,  最常用的方法

      優點:只進行一次dom回流

      缺點:原有dom的事件都會丟失

      原因:就在於innerHTML這個屬性,這個屬性是返回或設置dom中的內容,以字符串形式返回,拼接完之后是string類型,而一些事件屬性是dom元素對象身上的,所以這些那些事件屬性就會丟失。

  2)、dom循環

      優點:原有的dom身上的事件不會丟失,不影響其他dom

      缺點:dom回流次數過多,嚴重影響網頁性能

  3)、模板

      模板的本質就是字符串拼接

  4)、文檔碎片

      document.createDocumentFragement

      優點:既不影響原有的dom屬性,也只回流一次

  上面的四種方法對新增的元素都沒有之前的事件,如果保證新增的元素也擁有之前的事件,就用事件委托。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM