<tfoot id="keogy"></tfoot>

　　
　　在CSS規(guī)范中有一個(gè)渲染對(duì)象的概念，通常用一個(gè)盒子（box, rectangle）來(lái)表示。mozilla通過(guò)一個(gè)叫frame的對(duì)象對(duì)盒子進(jìn)行操作。frame主要的動(dòng)作有三個(gè)：構(gòu)造frame, 以建立對(duì)象樹；reflow, 以確定對(duì)象位置，或者是調(diào)用mozilla的Layout繪制，以便對(duì)象能顯示在屏幕上，總的來(lái)說(shuō)，reflow就是載入內(nèi)容樹和創(chuàng)建或更新frame結(jié)構(gòu)的響應(yīng)的一種過(guò)程。網(wǎng)站制作減少reflow的原則有哪些？

　　避免不必要的復(fù)雜的 CSS 選擇器，尤其是后代選擇器（descendant selectors），因?yàn)闉榱似ヅ溥x擇器將耗費(fèi)更多的 CPU。

　　減少不必要的 DOM 層級(jí)。改變 DOM 樹中的一級(jí)會(huì)導(dǎo)致所有層級(jí)的改變，上至根部，下至被改變節(jié)點(diǎn)的子節(jié)點(diǎn)。這導(dǎo)致大量時(shí)間耗費(fèi)在執(zhí)行 reflow 上面。

　　如果做復(fù)雜的表現(xiàn)變化，如動(dòng)畫，讓它脫離文檔流。用絕對(duì)定位或 fixed 定位來(lái)完成。

　　網(wǎng)站制作盡量減少 CSS 規(guī)則，去除未用到的 CSS。