1. 程式人生 > >2017.8.5 瀏覽器中圖片的加載

2017.8.5 瀏覽器中圖片的加載

htm col 背景圖 計算 進行 背景 加載 布局 規則

瀏覽器加載一個html頁面:

解析html===》構建DOM樹

-----遇到img標簽加載圖片

加載樣式===》解析樣式 ===》構建樣式規則樹

-----遇到背景圖片鏈接不加載

加載js ===》執行js

把DOM樹和樣式規則樹匹配構建渲染樹

----加載渲染樹上的背景圖片

計算元素位置進行布局

繪制 ----渲染圖片

2017.8.5 瀏覽器中圖片的加載