关于性能优化
2020-03-23 本文已影响0人
简小咖
渲染引擎
渲染页面的大致流程：
（1）解析HTML标签并生成DOM
（2）解析CSS规则并生成CSSOM树
（3）将DOM树与CSSOM树合并成一个渲染树
（4）根据渲染树来进行布局
（5）对渲染树上的节点进行绘制
写代码时要注意：
（1）避免编写复杂DOM结构，减少DOM层级，从而可以加快DOM树构建
（层级越少越好）
（2）避免编写复杂的CSS样式，从而可以加快CSSOM的树构建
选择器从右到左的原则，右边减少使用通用选择器，加快浏览器匹配样式规则速度
（3）修改样式时候避免引起重新布局
