Repaint Reflow 的基本认识和优化

Posted 罗点点

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Repaint Reflow 的基本认识和优化相关的知识,希望对你有一定的参考价值。

自己对浏览器了解的还不是很多,但这篇文章确实可以帮助了解

你是不是经常听师兄或一些前端前辈说不能用CSS通配符 *CSS选择器层叠不能超过三层,CSS尽量使用类选择器,书写html少使用table,结构要尽量简单-DOM树要小....等这些忠告,以前我就大概知道使用通配符或者CSS选择器层次过多可能会降低性能,至于为什么不使用table标签我一直是迷迷糊糊,也就跟着那样做了,但我认识了Repain和 Reflow之后,原来这些还真不能用太多。 ok,希望这篇文章对你有帮助!

 

 

https://segmentfault.com/a/1190000002629708

以上是关于Repaint Reflow 的基本认识和优化的主要内容,如果未能解决你的问题,请参考以下文章

javascript性能优化-repaint和reflow

前端性能优化--回流(reflow)和重绘(repaint)

性能优化之reflow和repaint

页面优化,谈谈重绘(repaint)和回流(reflow)

web性能优化DOM的reflow 和repaint

性能优化之-reflow,repaint.