站内搜索:
首页 >> 前端 >> 内容
reflow(回流)和repaint(重绘)

时间:2017/7/17 16:49:26

DOM节点中的各个元素都是以盒模型的形式存在,这些都需要浏览器去计算其位置和大小等,这个过程称为reflow;

当盒模型的位置,大小以及其他属性,如颜色,字体,等确定下来之后,浏览器便开始绘制内容,这个过程称为repaint。

页面在首次加载时必然会经历reflow和repaint。reflow和repaint过程是非常消耗性能的,尤其是在移动设备上,它会破坏用户体验,有时会造成页面卡顿。所以我们应该尽可能少的减少reflow和repaint。

  • 上一篇:浏览器解析渲染页面过程
  • 下一篇:intellij中使用gulp
  • 返回顶部