瀏覽器是如何解析代碼的
這篇文章主要介紹瀏覽器是如何解析代碼的，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！
專注于為中小企業(yè)提供成都做網(wǎng)站、網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)隴川免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了超過千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
瀏覽器是如何解析代碼的？
解析HTML
HTML是逐行解析的，瀏覽器的渲染引擎會(huì)將HTML文檔解析并轉(zhuǎn)換成DOM節(jié)點(diǎn)。
將HTML解析成許多Tokens
將Tokens解析成object
將object組合成一個(gè)DOM樹
解析CSS
瀏覽器會(huì)從右往左解析CSS選擇器
我們知道DOM樹與CSSOM樹合并成render樹，實(shí)際上是將CSSOM附著到DOM樹上，因此需要根據(jù)選擇器提供的信息對(duì)DOM樹進(jìn)行遍歷。
我們看一個(gè)例子：
南玖
前端
從右至左的匹配：
先找到所有的最右節(jié)點(diǎn) span，對(duì)于每一個(gè) span，向上尋找節(jié)點(diǎn) div.title
由 h4再向上尋找 div.nav 的節(jié)點(diǎn)
最后找到根元素 html 則結(jié)束這個(gè)分支的遍歷。
解析JS
在瀏覽器中有一個(gè)js解析器的工具，專門用來解析我們的js代碼。
當(dāng)瀏覽器遇到j(luò)s代碼時(shí)，立馬召喚“js解析器”出來工作。
解析器會(huì)找到j(luò)s當(dāng)中的所有變量、函數(shù)、參數(shù)等等，并且把變量賦值為未定義(undefined)。
把函數(shù)取出來成為一個(gè)函數(shù)塊，然后存放到倉庫當(dāng)中。這件事情做完了之后才開始逐行解析代碼（由上向下，由左向右），然后再去和倉庫進(jìn)行匹配。
以上是“瀏覽器是如何解析代碼的”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
新聞名稱：瀏覽器是如何解析代碼的
當(dāng)前路徑：
http://weahome.cn/article/ispeoe.html
重慶分公司
重慶分公司
