内容简介：常见引起重排的操作：常见引起重绘的操作：color、background、background-position、box-shadow、border-radius等。
- css选择器： 从右到左匹配
- 尽量少使用计算属性，如calc()、expression等
- 不要使用@import
- 重绘和重排 重绘（repaint）、重排（reflow） repaint：屏幕的一部分进行了重画，比如某个 css 中改变背景色，元素尺寸没有变。 reflow：任何一个元素的尺寸发生了变化，需要重新验证并计算 render tree，就会造成重排。
常见引起重排的操作：
- js添加或删除元素
- 元素大小发生改变 （border、padding、width）
- 浏览器窗口大小改变
- 元素位置改变
- 设置style属性
- 页面首次渲染
常见引起重绘的操作：
color、background、background-position、box-shadow、border-radius等。
优化重排和重绘
- 减少DOM操作
- 利用添加class 修改样式
- 动画使用CSS动画，开启GPU加速
- 不要使用table
- 可以让其脱离文档流，position:absolute,fixed
以上所述就是小编给大家介绍的《前端优化总结》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
JAVA核心技术卷2
Cay S. Horstmann、Gary Cornell / 陈昊鹏、王浩、姚建平 / 机械工业出版社 / 2008-12 / 118.00元
《JAVA核心技术卷2:高级特征》是Java技术权威指南，全面覆盖Java技术的高级主题，包括流与文件、XML、网络、数据库编程、高级Swing、高级 AWT、JavaBean构件、安全、分布式对象、脚本、编译与注解处理等，同时涉及本地化、国际化以及Java SE 6的内容。《JAVA核心技术卷Ⅱ:高级特征》对Java技术的阐述精确到位，叙述方式深入浅出，并包含大量示例，从而帮助读者充分理解Jav......一起来看看 《JAVA核心技术卷2》 这本书的介绍吧!
