前端性能分析
重繪與回流
css竟然能讓JavaScript變慢
回流
- 當render tree中的一部分(或全部)因為元素的規模尺寸,布局,隱藏等改變而需要重新構建,這就成為回流
- 當頁面布局和幾何屬性改變時就需要回流
重回
- 當render tree中的一些元素需要更新屬性,而這些屬性只是影響元素的外觀,風格,而不會影響布局的,比如background-color,則就叫稱為重繪
回流必將引起重繪,而重繪不一定會引起回流
觸發頁面布局的屬性
- 盒子模型相關屬性會觸發重布局
- 定位屬性及浮動也會觸發重布局
- 改變節點內部文字結構也會觸發重布局


/1853166-20200201214813494-566532226.png)
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/89991.html
標籤:其他
下一篇:性能分析-瀏覽器存盤
