【读书笔记】高性能JavaScript:最小化重排和重绘
【读书笔记】高性能JavaScript:最小化重排和重绘
当浏览器下载完所有组件后,会生成两个树: DOM树和渲染树,DOM树描述的是节点的结构,而渲染树则描述DOM树如何展示,所以DOM树的变化会影响渲染树。
当我们的DOM操作影响了元素的几何属性,比如说宽高。浏览器会使渲染树中受影响部分失效,并且重新构造渲染树,这个过程叫做重排,重排结束后,浏览器会重新渲染受影响部分内容到屏幕,这过程叫做重绘。
而重排和重绘都会造成严重的性能消耗。
解决这部分问题主要有三种方式:
1、改变元素的display属性,从文
原创
2021-02-04 22:52:30 ·
145 阅读 ·
0 评论