浏览器回流熟悉

一、什么是回流?

回流是会致使页面从新衬着的一些元素,从而影响机能。

二、哪些因素会致使回流?

1、调解窗口的大小;

2、转变字体,假如用rem 设置了根目录的字体大小,如许就减少了回流的次数;

3、增添或许移除款式表;

4、内容的变化,用户在input中输入了笔墨(这是不可防止的);

5、激活CSS的伪类;

6、操纵class属性;

7、基础操纵DOM(包含js中的domcument等);

8、盘算offsetWidth与offsetHeight 属性,猎取元素在窗口中的位置;

9、在html代码中直接设置style 属性的值,这个降低了代码的利用率,还影响机能。

三、怎样防止回流?

1、假如想设定元素的款式,直接转变class名,而不是转变class中的某个特定的属性,比方height,weight;

2、防止设置多项内联款式,就是说少运用style;

3、运用元素动画的时刻,运用属性的position属性的fixed值或absolute值;

4、防止运用table规划;

5、只管在DOM树的最末端转变class,转变子节点的款式。

    原文作者:EvanYY
    原文地址: https://segmentfault.com/a/1190000018221625
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞