渲染数据的方法

it2022-05-07  4

 1. 字符串

 原有的list中有三个li,并且每个身上都有一个onmouseover事件

字符串拼接的优点:只进行了一次Dom回流         缺点:原有Dom的时间都会丢失

原因: innerHtml 这个属性返回或设置Dom中的内容,以字符串的形式返回拼接完之后是string类型,

    而omsouse系列这些书信都是Dom元素身上的     所以这些onmouse系列就消失了

Dom回流 每当对dom元素进行增删改的时候,预览器会重新加载一个,吧新的结果渲染出来

 

  2.  Dom

优点:原有的Dom身上的事件不会丢失,不会影响其他dom   缺点:dom回流次数过多,严重 影响网页性能

    

    

  3、模板

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

 

   4.文档碎片

  

 

  优点: 既不影响原有Dom属性 ,也只回流一次

   我们只需要通过document对象上的createDocumentFragment()  创建文档碎片(相当于一个容器标签,并不会对dom创建的结构造成影响,只需把dom创建的东西放这个里面)

 

 

 

事件委托的原理: 事件冒泡机制 但并不是所有的事件都有冒泡机制   比如    onmouseenter     onmouseleave     

 

 

转载于:https://www.cnblogs.com/liancai001/p/10530579.html


最新回复(0)