为什么DOM要进行性能优化呢?
因为操作DOM消耗的内存资源是非常昂贵的,所以要尽量避免重复操作DOM元素
怎么进行优化
1. 将频繁的DOM操作改为一次性操作
比如往id为list的容器中插入10个li,按照以前的做法就是通过for循环进行十次list.appendchild(li),这样就是在频繁操作DOM
下边我们先建个虚拟的容器frag,这个frag并不是DOM树里的节点所以你在appendchild时候也就不会触发DOM的渲染,等你10个li都加入到frag这个虚拟容器之后,再一次性加到list当中,就相当于只操作了一次DOM
2. 将DOM查询做缓存