开发者社区 问答 正文

浏览器重绘与重排的区别?

展开
收起
前端问答 2019-12-12 07:43:41 862 分享
分享
版权
举报
1 条回答
写回答
取消 提交回答
  • 前端问答小助手
    • 重排: 部分渲染树(或者整个渲染树)需要重新分析并且节点尺⼨需要重新计算,表现为重新⽣成布局,重新排列元素
    • 重绘: 由于节点的⼏何属性发⽣改变或者由于样式发⽣改变,例如改变元素背景⾊时,屏幕上的部分内容需要更新,表现为某些元素的外观被改变

    单单改变元素的外观,肯定不会引起⽹⻚重新⽣成布局,但当浏览器完成重排之后,将会重新绘制受到此次重排影响的 部分

    重排和重绘代价是⾼昂的,它们会破坏⽤户体验,并且让UI展示⾮常迟缓,⽽相⽐之下重排的性能影响更⼤,在两者⽆ 法避免的情况下,⼀般我们宁可选择代价更⼩的重绘。

    『重绘』不⼀定会出现『重排』,『重排』必然会出现『重绘』。

    2019-12-12 07:44:19 举报
    赞同 1 评论

    评论

    全部评论 (0)

    登录后可评论
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等