減少回流與重繪的措施：
操作DOM時(shí)，盡量在低層級(jí)的DOM節(jié)點(diǎn)進(jìn)行操作不要使用table布局， 一個(gè)小的改動(dòng)可能會(huì)使整個(gè)table進(jìn)行重新布局使用CSS的表達(dá)式不要頻繁操作元素的樣式，對(duì)于靜態(tài)頁(yè)面，可以修改類(lèi)名，而不是樣式。使用absolute或者fixed，使元素脫離文檔流，這樣他們發(fā)生變化就不會(huì)影響其他元素避免頻繁操作DOM，可以創(chuàng)建一個(gè)文檔片段documentFragment，在它上面應(yīng)用所有DOM操作，最后再把它添加到文檔中將元素先設(shè)置display: none，操作結(jié)束后再把它顯示出來(lái)。因?yàn)樵赿isplay屬性為none的元素上進(jìn)行的DOM操作不會(huì)引發(fā)回流和重繪。將DOM的多個(gè)讀操作（或者寫(xiě)操作）放在一起，而不是讀寫(xiě)操作穿插著寫(xiě)。這得益于瀏覽器的渲染隊(duì)列機(jī)制。
瀏覽器針對(duì)頁(yè)面的回流與重繪，進(jìn)行了自身的優(yōu)化——渲染隊(duì)列
瀏覽器會(huì)將所有的回流、重繪的操作放在一個(gè)隊(duì)列中，當(dāng)隊(duì)列中的操作到了一定的數(shù)量或者到了一定的時(shí)間間隔，瀏覽器就會(huì)對(duì)隊(duì)列進(jìn)行批處理。這樣就會(huì)讓多次的回流、重繪變成一次回流重繪。
上面，將多個(gè)讀操作（或者寫(xiě)操作）放在一起，就會(huì)等所有的讀操作進(jìn)入隊(duì)列之后執(zhí)行，這樣，原本應(yīng)該是觸發(fā)多次回流，變成了只觸發(fā)一次回流。
京公網(wǎng)安備 11010802030320號(hào)