瀏覽器迴流認識

一、什麼是迴流?

迴流是會導致頁面重新渲染的一些元素,從而影響性能。

二、哪些因素會導致迴流?

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,改變子節點的樣式。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章