渲染数据的方法

 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     

 

 

posted @ 2019-03-14 15:30  花嫁赫萝  阅读(90)  评论(0编辑  收藏  举报