HTML解析原理概括(转载)
生活随笔
收集整理的這篇文章主要介紹了
HTML解析原理概括(转载)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML解析原理
標準的web前端工程師需要知道 ◎瀏覽器(或者相應播放器)的渲染/重繪原理?
這我得加把勁了。我還真的說的不是很清楚,我就G下,結果不是很多,找到了有一個,就記下來了。。。
以下部分來自handawei-javaeye的blog:
?
Web頁面運行在各種各樣的瀏覽器當中,瀏覽器載入、渲染頁面的速度直接影響著用戶體驗簡單地說,頁面渲染就是瀏覽器將html代碼根據CSS定義的規則顯示在瀏覽器窗口中的這個過程。先來大致了解一下瀏覽器都是怎么干活的:
1. 用戶輸入網址(假設是個html頁面,并且是第一次訪問),瀏覽器向服務器發出請求,服務器返回html文件;
2. 瀏覽器開始載入html代碼,發現 標簽內有一個 標簽引用外部CSS文件;
3. 瀏覽器又發出CSS文件的請求,服務器返回這個CSS文件;
4. 瀏覽器繼續載入html中 部分的代碼,并且CSS文件已經拿到手了,可以開始渲染頁面了;
5. 瀏覽器在代碼中發現一個標簽引用了一張圖片,向服務器發出請求。此時瀏覽器不會等到圖片下載完,而是繼續渲染后面的代碼;
6. 服務器返回圖片文件,由于圖片占用了一定面積,影響了后面段落的排布,因此瀏覽器需要回過頭來重新渲染這部分代碼;
7. 瀏覽器發現了一個包含一行Javascript代碼的
總結
以上是生活随笔為你收集整理的HTML解析原理概括(转载)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Paging of Large Resu
- 下一篇: 思科:四分之三的物联网项目将以失败告终