渲染數據的幾種方式


---恢復內容開始---

什么是渲染數九,就是以某種方式讓你的數據呈現在頁面上。

渲染數據有4種方式

  1:字符串拼接

  2:dom創建

  3:模板創建

  4:文檔碎片

他們四個各有個的好處,先看一下字符串拼接的優缺點

  

這是我寫的一個字符串拼接渲染,這樣的好處就是它只進行了一次Dom回流,缺點就是它原有的dom事件會消失。原因就在於innerHTML這個屬性上,這是設置或返回Dom中的內容,以字符串形式返回,拼接完后就是字符串的類型,而onmouseover是Dom元素對象身上的,這些onmouse系列的屬性就會消失。

這是dom創建的方式,它的優點就是原有dom身上的事件不會消失。缺點就是dom回流次數過多,影響性能

模板創建,其性質就是字符串。就不多說了

 

 

文檔碎片,他既有字符串拼接的優點,也有dom創建的優點。

這幾種方法都是新增的dom沒有事件,只能使用事件委托的寫法,把事件委托給父級

 

 

---恢復內容結束---


免責聲明!

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



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