你是不是经常听师兄或一些前端前辈说不能用CSS通配符 *,CSS选择器层叠不能超过三层,CSS尽量使用类选择器,书写HTML少使用table,结构要尽量简单-DOM树要小….等这些忠告,以前我就大概知道使用通配符或者CSS选择器层次过多可能会降低性能,至于为什么不使用table标签我一直是迷迷糊糊,也就跟着那样做了,但我认识了Repain和 Reflow之后,原来这些还真不能用太多。 ok,希望这篇文章对你有帮助!
1.什么是Repaint/Reflow?
好,先上一张图:浏览器解析大概的工作流程
这张图应该可以很好理解,归纳为四个步骤:
1、解析HTML以构建DOM树:渲染引擎开始解析H