當你在瀏覽器中輸入url之後，如果請求成功，會得到伺服器提供的資源（html，css，js，等），瀏覽器會執行下面的操作
解析html時，是從上至下的
如果遇到script，dom樹和cssom樹的構建都會暫停，被阻塞，直到指令碼載入完畢或者是執行完畢
display:none的元素也會在dom樹中
注釋也會在dom樹中
所以一般樣式檔案應當在head標籤中，而指令碼檔案在body結束前，這樣可以防止阻塞
頁面在瀏覽器中展示後，我們會執行很多dom操作，就會修改dom或cssom，這時候就存在回流與重繪了，記住回流一定會重繪
瀏覽器渲染機制
google web fundamentals 是乙個非常優秀的文件，裡面講到了跟web 瀏覽器 前端的方方面面。我總結一下其中的 ilya grigorik 寫的 critical rendering path 瀏覽器渲染機制部分的內容如下 1 dom document object model，...
瀏覽器渲染機制
1.什麼是doctype及其作用 dtd document type definition，文件型別定義 是一系列的語法規則，用來定義xml或 x html的檔案型別。瀏覽器會使用它來判斷文件型別，決定使用何種協議來解析及切換瀏覽器模式 doctype是用來宣告文件型別和dtd規範的，乙個主要的用途...
瀏覽器的渲染機制
節選自 1 dom document object model，瀏覽器將html解析成樹形的資料結構，簡稱dom。2 cssom css object model，瀏覽器將css 解析成樹形的資料結構。3 dom 和 cssom 都是以bytes characters tokens nodes ob...