dtd告訴瀏覽器我是什麼文件型別
瀏覽器根據文件型別來決定用什麼隱情引擎來渲染他
doctype就是告訴瀏覽器什麼是dtd的，通知瀏覽器告訴 當前文件包含的是哪個tb，也就是哪個文件型別，我們html中第一行的就是告訴瀏覽器文件型別是html
常見的doctype有哪些：
那我們現在經常用的就是html5
4.0版本有兩個模式，乙個嚴格模式（strict），乙個傳統模式（）transitional
html經過html parser直譯器轉換為dom樹，css經過css parser直譯器轉換為dom樹，這兩個dom數一整合形成render tree，layout對render tree精確計算後，最後開始繪圖painting，最後展示在瀏覽器上
html的dom tree：
css的dom tree
一般導致reflow就會導致repaint
1、什麼是重排
2、什麼時候會觸發reflow
3、什麼時候會避免觸發reflow
頁面呈現的內容通通呈現在瀏覽器頁面上就叫repaint
rpaint是無法避免的，因為不觸發repaint的話就是靜態頁面，沒有任何互動
如何避免最小程度的repaint：
（1）將元素的display設定為」none」，完成修改後再把display修改為原來的值
（2）如果需要建立多個dom節點，可以使用documentfragment建立完後一次性的加入document
（3）先將元素從document中刪除，完成修改後再把元素放回原來的位置
layout對render tree精確計算，進行布局
web前端 之執行機制
我們先來幾道題了解一 驗一下執行機制 console.log 1 settimeout function 0 console.log 2 最後列印順序 1,2,3 我們來看看這是為什麼 js是單執行緒的，同一時間只能做一件事，從上到下執行 任務佇列 settimeout是個非同步任務，非同步任務要掛...
前端系統複習之瀏覽器渲染機制
二面的內容 本文接下來講渲染機制。渲染機制包括的內容 面試經常會問 在瀏覽器中輸入url，發生了哪些事情。其中有一部就是瀏覽器的渲染過程。面試官問完了渲染機制，一般會緊接著問重排reflow，你可千萬別說你沒聽過。這裡的layout指的是瀏覽器的layout。dtd document type de...
前端基礎 瀏覽器渲染機制
1 doctype概念及作用 doctype是用來宣告文件型別和dtd規範的，乙個主要的用途便是檔案的合法性驗證。如果檔案 不合法，那麼瀏覽器解析時便會出一些差錯。dtd document type definition,文件型別定義 是一系列的語法規則，用來定 義xml或 x html的檔案型別。...