### 瀏覽器渲染流程 ~~~ 解析html-> 解析css-> 結合dom樹和css生成渲染樹render tree-> 進行布局(回流)-> 進行重繪，將render tree的樣式渲染到屏幕上 ~~~ ~~~ 1.瀏覽器向服務端發送請求 2.解析html，生成dom樹 3.解析css，生成cssom樹 4.將dom樹和cssom樹結合，去除不可見元素，生成渲染樹render tree 5.根據生成的渲染樹，進行布局layout，得到幾何信息(回流) 6.根據render tree以及回流得到的幾何信息，將render tree的像素渲染到屏幕上 ~~~ 以上六個步驟 * * * > 生成渲染樹render tree流程解析 ~~~ 1.從dom樹的根節點開始遍歷每個可見節點 2.對于每個可見的節點，找到cssom樹種對應的規則，并應用，生成渲染樹 ~~~ > css加載是否會阻塞dom樹渲染 ~~~ 1.css的下載是異步的，不會阻塞dom樹解析（解析不是渲染） 2.但是在生成渲染樹render tree的過程需要結合cssom樹，所以css加載會阻塞render樹的渲染 ~~~