對(duì)于重繪和回流的概念不是很清晰烛缔,查看了許多博文馏段,在這里說一下自己的理解!践瓷!
歡迎同學(xué)們與我交流院喜。
1、重繪概念
重繪:對(duì)元素的背景顏色晕翠,字體樣式樣式進(jìn)行設(shè)置喷舀,如:font-weight、
color淋肾、background-color.回流一定是重繪硫麻,重繪不一定是回流
2、回流的概念
回流:因?yàn)樵氐某叽缥自保季质悖[藏等改變而需要重新對(duì)其進(jìn)行構(gòu)建的操作(重構(gòu)頁(yè)面)。
包括:
1简识、對(duì)font-size,margin,padding 等可以改變寬高和布局的style屬性(尺寸赶掖、內(nèi)容、距離)的改變七扰。
2奢赂、添加、刪除(可見元素)的dom操作颈走。
3膳灶、用戶操作 改變?yōu)g覽器窗口大小或是字體等
4、對(duì)offset**** 立由、scroll***轧钓、client***、width/height的改變(***=Top/Left/Width/Height)
3锐膜、如何減少重繪和回流
1毕箍、想要改變?cè)貥邮剑ㄟ^改變?cè)氐?class 名 (盡可能在 DOM 樹的最末端改變class)
2道盏、避免設(shè)置多項(xiàng)內(nèi)聯(lián)樣式而柑,因?yàn)槊總€(gè)都會(huì)造成回流文捶,樣式應(yīng)該合并在一個(gè)外部類,這樣當(dāng)該元素的class屬性可被操控時(shí)僅會(huì)產(chǎn)生一個(gè)reflow媒咳。
3粹排、在操作offset**** 、scroll***涩澡、client***顽耳、width/height等屬性時(shí),先用變量先進(jìn)行存儲(chǔ)筏养,在進(jìn)行操作斧抱。
重繪和回流也是為什么要減少dom操作的原因之一常拓。