页面性能优化和高频dom操作

一、DOM操作影响页面性能的核心问题 通过js操作DOM的代价很高，影响页面性能的主要问题有如下几点： 访问和修改DOM元素 修改DOM元素的样式，导致重绘或重排 通过对DOM元素的事件处理，完成与用户的交互功能 DOM的修改会导致重绘和重排。 重绘是指一些样式的修改，元素的位置和大小都没有改变； 重排是指元素的位置或尺寸发生了变化，浏览器需要重新计算渲染树，而新的渲染树建立后，浏览器会重新绘制受

>>阅读原文<<