高階JS不知道的冷知識 script標籤

2021-10-01 04:26:47 字數 687 閱讀 4977

1.首先了解html的結構,分為head 和 body 標籤,我們可以理解成html是從上往下載入的

2.js 分為內部js 和外部js

外部引入的js檔案一般放到head 部分 在頁面載入之前引入js檔案,保證當前頁面可以正常呼叫,

內部js一般會放到body的下面

為什麼本地的js指令碼會放到body下面?

1.頁面載入js指令碼時,會阻塞頁面其他資源的載入,如果把本地的js放到head部分,瀏覽器會先解析完js**,再繼續解析body裡面的**;

2載入js指令碼會阻塞是既定的規範,沒有明確的說明;

如果放到head頭裡面,使用者要忍受這種可視的延遲,雖然忍得越久,到時候越爽,但是萬一憋壞了就不好了…

為了避免head引入的js指令碼阻塞瀏覽器的解析引擎對dom的解析工作,對dom的渲染,一般樣式在前面,dom文件,指令碼在最後面。遵循先解析再渲染再執行script這個順序

解決方法:

1.一般我們用window.onload 的事件 等頁面載入完以後執行js **;

2.script標籤中有2個屬性 async 和 defer

async 和 defer區別

defer 等頁面載入完在執行,和window.onload 一樣

async 是非同步載入,標記為async 的指令碼不能確保載入的順序

你所不知道的 Python 冷知識!(建議收藏)

懶得複製了,只取了我遇到的情況 01.省略號也是物件 這是省略號,在python中,一切皆物件。它也不例外。在 python 中,它叫做 ellipsis 在 python 3 中你可以直接寫 來得到這玩意。ellipsis type 而在 2 中沒有 這個語法,只能直接寫ellipsis來獲取。e...

不怕不知道,就怕不知道 js轉義問題

碰到乙個比較 的需求,由於前台產品顯示的需要,後台錄入的時候,需要注意很多點,比如這裡要輸入的標點符號必須是全形的,那裡輸入的標點符號必須是半形的。如果是你拿到這種需求,你會怎麼辦呢?這種東西,網上資料還是很多的,不過幾乎所有的都不能直接解決你的問題。我在做這個需求的時候,一看是的想法是 使用者輸入...

無聊但你又不都不知道的網路冷知識

交換機 路由器來通訊 交換機保留了集線器功能,可以進行更安全的功能開發 即為通過mac位址表進行資料調整研發 arp廣播 接受響應 傳送資料 交換機 並且記錄mac位址,如果mac位址被填滿將會泛洪 arp毒化 什麼是arp毒化 arp毒化也被稱為arp快取中毒和arp欺騙攻擊,這是在內網的中間人攻...