JavaScript规范----DOM操作

一般通过JS代码操作DOM结构，会触发浏览器进行页面渲染。所以要尽量减少DOM操作，避免频繁的页面渲染对性能造成影响。

如有以下场景：程序执行ajax请求，并根据请求结果动态添加列表项。常见的做法是循环遍历数据项，生成LI节点，插入页面中的UL节点中。

如果返回结果有一万项，则整个流程会触发一万次页面渲染，页面会出现明显的卡顿现象。

解决方案有三种：

1) 原生JS代码可以通过创建documentFragment，将所有的添加列表项的操作先在创建的fragment上进行，再将整个fragment插入页面中的UL节点中。（如何创建fragment）

2) Jquery中可以将所有创建的节点先放入数组，执行append/appendTo等方法时传入该数组参数。

3) 将所有操作拼接成html字符串，再执行以下代码$('ul'). html(html)。

以上代码都只有执行一次页面渲染，减少浏览器的性能负担。