dom与js操作的性能优化

频繁地对于DOM进行操作的很是损耗性能，为什么访问DOM对性能有影响？那是因为两个独立的部分通过他们各自的接口来连接就会带来性能损耗。打个比喻，把DOM看成一个岛屿，把javascript看成另外一个岛屿，两者之间以一座要收费的桥连接，每次Javascript访问DOM都需要过桥，交一次桥费。来回多了费用自然就高了。所以我们得想方设法减少过桥的次数。访问DOM元素的代价就是交一次“桥费”，修改DOM元素则会导致浏览器重新计算页面的几何变化。如果是循环修改DOM元素，其代价可想而知。