一、什么是回流？
回流是会导致页面重新渲染的一些元素，从而影响性能。
二、哪些因素会导致回流？
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,改变子节点的样式。
一、什么是回流？ 回流是会导致页面重新渲染的一些元素，从而影响性能。 二、哪些因素会导致回流？ 1、调整窗口的大小...
SPA，单页Web应用（single page web application，SPA），就是只有一张Web页面的...
SPA 单页Web应用（single page web application，SPA），就是只有一张Web页面的...
单页web应用（single page web application, SPA），只有一张web页面的应用，是加...
单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是...
单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是...
一、SPA single page web application，单页Web应用，就是只有一张Web页面的应用，...
什么是单页应用 单页Web应用，就是只有一张Web页面的应用。 单页应用的优势 单页应用的缺点 开发框架 代码隔离...
关系建立：链接 破冰回流页设计：用户目的 转化 留存直播：方式 变现拉新与留存：数据与产品
当页面中的部分或者全部元素改变宽度和高度、或者位置发生变化、删除或者增加某个或者某些元素时、某个元素影藏或者显示时...
本文标题：web页面的回流，认识与避免
本文链接：https://www.haomeiwen.com/subject/jgywextx.html
网友评论