成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

紅寶書：在html中使用script章節(jié)總結(jié)

Backache / 2198人閱讀

摘要：在中插入的方法外部腳本，內(nèi)嵌腳本屬性異步腳本可選。表示應(yīng)該立即下載腳本但不應(yīng)妨礙頁面中的其他操作比如下載其他資源或等待加載其他腳本。一定會(huì)在頁面的事件前執(zhí)行但可能會(huì)在事件觸發(fā)之前或之后執(zhí)行。不同點(diǎn)執(zhí)行階段不同。

瀏覽器解析器從上至下進(jìn)行解析，遇到script標(biāo)簽，解析停止，直至腳本加載執(zhí)行完畢。

在html中插入script的方法：外部腳本，內(nèi)嵌腳本

script屬性：
async（異步腳本）:可選。表示應(yīng)該立即下載腳本,但不應(yīng)妨礙頁面中的其他操作,比如下載其他資源或 等待加載其他腳本。一定會(huì)在頁面的 load 事件前執(zhí)行,但可能會(huì)在 DOMContentLoaded 事件觸發(fā)之前或之 后執(zhí)行。
defer（延遲腳本）:可選。表示腳本可以延遲到文檔完全被解析和顯示之后再執(zhí)行。只對(duì)外部腳本文件有 效。延遲到再加載，當(dāng)含有兩個(gè)defer的script標(biāo)簽，理論上會(huì)按照順序加載，先于DOMContentLoaded事件，實(shí)際上有可能會(huì)亂序（不靠譜），也不一定會(huì)先于DOMContentLoaded事件。


藍(lán)色線代表網(wǎng)絡(luò)讀取，紅色線代表執(zhí)行時(shí)間，這倆都是針對(duì)腳本的；綠色線代表 HTML 解析。
async和defer
共同點(diǎn)：net階段都是異步的。只適用于外部腳本。
不同點(diǎn)：執(zhí)行階段不同。
async更適合它對(duì)于那些可以不依賴任何腳本或不被任何腳本依賴的腳本來說卻是非常合適的，最典型的例子：Google Analytics

瀏覽器在遇到標(biāo)簽時(shí)才開始呈現(xiàn)內(nèi)容

其他大佬關(guān)于這塊內(nèi)容寫的文章

網(wǎng)站為什么 JS 調(diào)用盡量放到網(wǎng)頁底部？ https://www.zhihu.com/questio... 
JavaScript 的性能優(yōu)化：加載和執(zhí)行 
https://www.ibm.com/developer... 
JavaScript 啟動(dòng)性能瓶頸分析與解決方案 https://zhuanlan.zhihu.com/p/...
Effective前端7：加快頁面打開速度 https://zhuanlan.zhihu.com/p/...
《瀏覽器的工作原理：新式網(wǎng)絡(luò)瀏覽器幕后揭秘》https://www.html5rocks.com/zh...

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/83785.html

相關(guān)文章

  • 紅寶書：在html中使用script章節(jié)總結(jié)

    摘要：在中插入的方法外部腳本，內(nèi)嵌腳本屬性異步腳本可選。表示應(yīng)該立即下載腳本但不應(yīng)妨礙頁面中的其他操作比如下載其他資源或等待加載其他腳本。一定會(huì)在頁面的事件前執(zhí)行但可能會(huì)在事件觸發(fā)之前或之后執(zhí)行。不同點(diǎn)執(zhí)行階段不同。 瀏覽器解析器從上至下進(jìn)行解析，遇到script標(biāo)簽，解析停止，直至腳本加載執(zhí)行完畢。 在html中插入script的方法：外部腳本，內(nèi)嵌腳本 script屬性：async（異步...

    qiangdada 評(píng)論0 收藏0

  • 紅寶書：在html中使用script章節(jié)總結(jié)

    摘要：在中插入的方法外部腳本，內(nèi)嵌腳本屬性異步腳本可選。表示應(yīng)該立即下載腳本但不應(yīng)妨礙頁面中的其他操作比如下載其他資源或等待加載其他腳本。一定會(huì)在頁面的事件前執(zhí)行但可能會(huì)在事件觸發(fā)之前或之后執(zhí)行。不同點(diǎn)執(zhí)行階段不同。 瀏覽器解析器從上至下進(jìn)行解析，遇到script標(biāo)簽，解析停止，直至腳本加載執(zhí)行完畢。 在html中插入script的方法：外部腳本，內(nèi)嵌腳本 script屬性：async（異步...

    hss01248 評(píng)論0 收藏0

  • ES2018 學(xué)習(xí)筆記（3）標(biāo)識(shí)符

    摘要：屬性名屬性訪問器屬性兩種表示法點(diǎn)表示法，例如方括號(hào)表示法，例如其中，點(diǎn)表示法中要求之后必須跟著?；乜瓷厦嫣岬降臉?biāo)識(shí)符的定義任何點(diǎn)表示法，都能轉(zhuǎn)換成方括號(hào)表示法反之，則行不通。總結(jié)屬性名不是標(biāo)識(shí)符。 以下內(nèi)容來至 es2017 語言規(guī)范和 javascript 高級(jí)程序設(shè)計(jì)（第三版） 起源：標(biāo)識(shí)符的定義 在紅寶書 3.1.2 章節(jié)中，對(duì)標(biāo)識(shí)符做了如下定義： An identifier i...

    roland_reed 評(píng)論0 收藏0

  • JavaScript紅寶書筆記（三）---函數(shù)特性

    摘要：接下來的文章更新以紅寶書章節(jié)更新，內(nèi)容過多分若干篇文章來寫，標(biāo)題會(huì)清晰表明是哪一章節(jié)，大家一起學(xué)習(xí)進(jìn)步，謝謝大家的支持 1.函數(shù)參數(shù)的特性： function doAdd(num1, num2) { arguments[1] = 10; alert(arguments[0] + num2); } arguments對(duì)象中的值會(huì)自動(dòng)反映到對(duì)應(yīng)的命名參數(shù)，所以修改 argu...

    沈建明 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

Backache

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<