一、什么是回流?
回流是会致使页面从新衬着的一些元素,从而影响机能。
二、哪些因素会致使回流?
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,转变子节点的款式。