2020最新国产在线不卡a-爱看女同中文字幕av-国产大秀视频在线一区二区-大香蕉手机在线最新视频

　　渲染引擎逐行解析HTML，為了盡快將頁面呈現(xiàn)出來，它不會等到HTML都被解析完才創(chuàng)建并布局RenderTree。它會在處理后續(xù)內(nèi)容的同時(shí)把處理過的局部內(nèi)容先展示出來，下面我們就和尚武科技一起來了解一下在石家莊網(wǎng)站制作都需要注意那些問題。

　　之前理解有誤，外部JS并不是瀏覽器逐行解析到script后再向服務(wù)器發(fā)起請求的，而是瀏覽器請求到HTML代碼后，在生成DOM的最開始階段，并行發(fā)起css、圖片、js的請求，無論他們是否在HEAD里。但是JS的執(zhí)行順序是根據(jù)瀏覽器解析script標(biāo)簽順序來的，因?yàn)镴S引擎（負(fù)責(zé)對JS的解析與執(zhí)行）是單線程的，所以JS的執(zhí)行勢必會對DOMTree的構(gòu)建造成阻塞。

　　了解了以上背景知識后，對該問題進(jìn)行解答：為什么JS調(diào)用盡量放到網(wǎng)頁底部？

　　1.JS的下載和執(zhí)行會阻塞DOMTree的構(gòu)建，對于在首屏范圍內(nèi)的HTML代碼段里的script標(biāo)簽會截?cái)嗍灼羶?nèi)容，造成首屏大片空白從而影響網(wǎng)站的用戶體驗(yàn)。

　　2.如果JS中有對DOM的操作并且沒有把這部分代碼放入document.ready接口內(nèi)，那么，當(dāng)JS執(zhí)行的時(shí)候DOM可能還未加載完，這樣便會出錯。比如：對按鈕綁定點(diǎn)擊事件這時(shí)候按鈕還沒被渲染出來對他綁定就會出現(xiàn)問題

　?。ㄟ@里的首屏?xí)r間指的是瀏覽器第一次painting的時(shí)間。首屏內(nèi)容的顯示可以是不完整的。）

　　在學(xué)習(xí)這些文檔過程中，遇到了很多不能理解的點(diǎn)：

　　1.為什么script標(biāo)簽的位置不一定會影響首屏?xí)r間。

　　對于頂部的script，肯定會阻塞瀏覽器對之后的HTML解析，這種情況下不就影響首屏?xí)r間了嗎？

　　2.為什么放到網(wǎng)頁頂部的JS不一定阻塞頁面渲染

　　除了首屏看得見的資源（主要是圖片資源）外，其他資源一律需要通過js來控制，而不能隨意地發(fā)起http請求（包括首屏看不到的資源）。按照這個(gè)原則，js只能放在body標(biāo)簽閉合之前，并且js邏輯不能隨意書寫。

　　js對其他資源的控制，需要對部分資源請求進(jìn)行延時(shí)，因此將script盡可能放到底部可以防止阻塞的產(chǎn)生。