欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

CSS和JS在網(wǎng)站開發(fā)中的應(yīng)用

2024-04-29    分類: 網(wǎng)站建設(shè)

對于很多的網(wǎng)站開發(fā)人員而言,他們有著固定的書寫習(xí)慣,把網(wǎng)站的CSS文檔放到代碼的Head里,而JS文件則放在尾部,你知道為什么?今天創(chuàng)新互聯(lián)的網(wǎng)站開發(fā)工程師則為大家?guī)碓敿?xì)的講解,讓大家可以更好的了解,更好的應(yīng)用。

CSS 資源阻塞渲染

構(gòu)建Render樹需要DOM和CSSOM,所以HTML和CSS都會阻塞渲染。所以需要讓CSS盡早加載(如:放在頭部),以縮短首次渲染的時間。

JS 資源

阻塞瀏覽器的解析,也就是說發(fā)現(xiàn)一個外鏈腳本時,需等待腳本下載完成并執(zhí)行后才會繼續(xù)解析HTML。

這和之前文章提到的瀏覽器線程有關(guān),瀏覽器中js引擎線程和渲染線程是互斥的,詳見《從setTimeout-setinterval看JS線程》

普通的腳本會阻塞瀏覽器解析,加上defer或async屬性,腳本就變成異步,可等到解析完畢再執(zhí)行。

?async異步執(zhí)行,異步下載完畢后就會執(zhí)行,不確保執(zhí)行順序,一定在onload前,但不確定在DOMContentLoaded事件的前后

?defer延遲執(zhí)行,相對于放在body最后(理論上在DOMContentLoaded事件前)

例如:

?瀏覽器拿到HTML后,從上到下順序解析文檔

?此時遇到css、js外鏈,則同時發(fā)起請求

?開始構(gòu)建DOM樹

這里要特別注意,由于有CSS資源,CSSOM還未構(gòu)建前,會阻塞js(如果有的話)

?無論JavaScript是內(nèi)聯(lián)還是外鏈,只要瀏覽器遇到 script 標(biāo)記,喚醒 JavaScript解析器,就會進(jìn)行暫停 blocked 瀏覽器解析HTML,并等到 CSSOM 構(gòu)建完畢,才執(zhí)行js腳本

?渲染首屏(DOMContentLoaded 觸發(fā),其實(shí)不一定是首屏,可能在js腳本執(zhí)行前DOM樹和CSSOM已經(jīng)構(gòu)建完render樹,已經(jīng)paint)

以上就是成都網(wǎng)站開發(fā)工程師為廣大的用戶帶來的關(guān)于網(wǎng)站開發(fā)過程中如何分布網(wǎng)站的CSS代碼和JS文件的相關(guān)介紹,希望對大家能夠有所幫助,如果大家對網(wǎng)站開發(fā)還有什么想要了解的可以關(guān)注我們的微信公眾號——創(chuàng)新互聯(lián)派。

當(dāng)前文章:CSS和JS在網(wǎng)站開發(fā)中的應(yīng)用
URL地址:http://chinadenli.net/news44/325494.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、網(wǎng)站制作、靜態(tài)網(wǎng)站、Google、服務(wù)器托管、云服務(wù)器

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都app開發(fā)公司
日本高清视频在线播放| 国产麻豆精品福利在线| 白丝美女被插入视频在线观看| 久久99夜色精品噜噜亚洲av| 亚洲天堂精品在线视频| 亚洲日本加勒比在线播放| 日韩丝袜诱惑一区二区| 国产一区二区在线免费| 青青操成人免费在线视频| 欧美精品久久99九九| 黄色av尤物白丝在线播放网址| 欧美日韩国产精品自在自线| 欧美日不卡无在线一区| 国产av一区二区三区久久不卡| 激情偷拍一区二区三区视频| 中文字幕中文字幕一区二区| 精品午夜福利无人区乱码| 青青操精品视频在线观看| 中文字幕日韩欧美一区| 久久老熟女一区二区三区福利| 欧美日韩国产另类一区二区| 国产精品欧美一区二区三区不卡| 亚洲熟女诱惑一区二区| 国产一区麻豆水好多高潮| 国产高清视频一区不卡| 亚洲视频在线观看你懂的| 精品久久少妇激情视频| 青青操日老女人的穴穴| 欧美一区二区口爆吞精| 黑丝国产精品一区二区| 中文字幕日韩一区二区不卡| 国产一区二区三区色噜噜| av免费视屏在线观看| 国产精品福利精品福利| 日韩成人免费性生活视频| 亚洲av日韩av高潮无打码| 日本加勒比中文在线观看| 99久只有精品免费视频播放| 亚洲一二三四区免费视频| 国产一区二区久久综合| 好吊日视频这里都是精品|