19--3--14--数据处理

1.渲染数据

　　（1）案例分析

　　

1.渲染数据的四种方式：

　　（1）字符串拼接，最常用的方法

　　　　  

　　　　  优点：只进行了一次Dom回流

　　　　  缺点：原有dom的事件都会丢失；

原因：就在于innerHTML这个属性，这个属性是返回或设置Dom中的内容，以字符串形式返回。拼接完之后是string类型，而onmouse这些属性是Dom元素对象身上的，所以这些onmouse系列的属性就丢失了。

2.dom循环

优点：原有的dom身上的事件不会丢失，不影响其他dom；

缺点：dom回流次数过多，严重影响网页性能。

3.模板：　　

　　模板的本质就是字符串

4.文档碎片：

　优点：既不影响原有的dom的属性，也只回流一次。

Dom回流

　　每当对dom元素进行增删改的时候，浏览器就会重新加载一个，把新的结果渲染出来；

无论上面的四种方法，新增的li没有onmouseover事件，如果保证新增的li也拥有添加的事件。用dom遍历添加事件是不行的，用事件委托。

事件委托：

　　利用的原理就是事件冒泡机制，但并不是所有的事件都有冒泡机制，mouseenter和mouseleave就没有。

XML

　　　　常见的数据格式有两种。一种是json，几率是99.99%，另一种是XML。

1. 要有xml申明

2.要有一个根节点

3.xml必须是双标签

4.对大小写敏感

5.xml标签的属性值一定要加引号

　　　　XML中的内容不要使用特殊符号，如：<  >  &等；

　　　　文档中必须有一个空格，如果多写空格的话会只保留一个；

Ajax获取数据:

　　json格式    需要解析   string类型==》json类型“{‘name’:'pan'}”==>{"name":"pan"},用JSON。parse（），反过来{‘name’:‘pan’}==》"{'name':'pan'}"用JSON.stringify（）

注意事项：json   里面用双引号，外面只能用单引号

 

转载于:https://www.cnblogs.com/lovels/p/10531598.html