提到重排與重繪肯定要提到瀏覽器對文檔的渲染流程，如下圖  重排，一些人又叫做回流，在谷歌瀏覽器中叫 Layout，火狐中叫reflow 瀏覽器在第一次解析文檔的時候 會不斷的進行重排與重繪，display:none不會渲染，絕對定位會脫離文檔流 所以可以將一些比較復雜的動畫使用絕對定位 讓其在其他地方渲染不阻塞正常的渲染。 除了第一次渲染頁面會重排，當幾何屬性發生變化的時候也會引發重排，如瀏覽器的窗口大小發生變化，元素的大小、位置發生變化，增刪一些dom里的元素，元素內容發生改變（寬高撐起來）。 重排一定伴隨著重繪，重繪不一定有重排如文字顏色，背景顏色的改變不會引起重排但是有重繪。 這里梳理一下，從輸入地址到渲染呈現頁面經過了那些過程，這張圖還可以在細化很多，這里寫個大概的流程就好了。  需要注意：js僅僅獲取元素的height 也觸發重排！（2年前，中國網安面試的時候，被一個妹子在我面前裝逼了，我當時想沒有幾何形變，所以不會觸發重排，那個妹子很裝逼的說你回去網上查查資料，tmd）