溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

瀏覽器了解（五）資源加載順序

發(fā)布時(shí)間：2020-06-13 22:18:05 來源：網(wǎng)絡(luò) 閱讀：1328 作者：zillachan 欄目：web開發(fā)

資源加載順序

在加載web資源時(shí)，首先下載html文件，進(jìn)行html解析，在遇到javascript或css標(biāo)簽時(shí)，啟動(dòng)相應(yīng)的解析機(jī)處理。

當(dāng)遇到外部資源時(shí)（如<script src='xxx'>）啟動(dòng)網(wǎng)絡(luò)接口程序，下載對(duì)應(yīng)的資源并交由相應(yīng)的解析機(jī)處理。

在執(zhí)行javascript的解析的時(shí)候，為了保證javascript操作DOM的準(zhǔn)確性，此時(shí)DOMTree的構(gòu)建工作必須被中斷掉（當(dāng)然對(duì)于HTML資源序列化和輸入DOM構(gòu)建機(jī)動(dòng)作可以同步進(jìn)行，瀏覽器此時(shí)也可以加載外部資源、排版、顯示等），直到javascript的解析動(dòng)作完成，之后可以繼續(xù)HTML的解析和DOMTree的構(gòu)建。

我們知道CSS不會(huì)影響到DOMTree的構(gòu)建，但是如果此時(shí)javascript需要取得某些樣式信息，必然需要CSS已經(jīng)被解析，為了防止javascript取CSS出現(xiàn)未定義的問題，通常在執(zhí)行CSS解析的時(shí)候，javascript的執(zhí)行會(huì)被阻塞。對(duì)于webkit而言，webkit本身對(duì)此進(jìn)行了優(yōu)化，即在javascript可能會(huì)用到某些樣式而此時(shí)樣式尚未解析完畢時(shí)阻塞javascript解析。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手