js載入順序測試

2021-09-20 01:37:35 字數 381 閱讀 4186

開始學著記錄一點東西~

雖然用了一段時間的js,但是對其載入的順序不是很清楚,今天做了一些測試,得出結果如下。

1.js載入順序跟其是外部引用還是內部引用沒有什麼太大的關係,跟其在html頁面的位置有關係。

2.順序總體還是以head > body的順序載入。

3.$(function(){});內的函式載入在dom樹完成之後,若定義了兩個ready函式,則根據定義的位置決定先後順序 head > body 

4.如果出現同名的function定義,若是定義不在ready函式內則後定義的會覆蓋前定義的,若是定義在外部檔案ready函式內則,ready函式內定義被覆蓋。

之前上網看到的結果是頁面定義的會覆蓋檔案定義的,這其實是在外部檔案關聯統一在頭部的情況。

JS載入順序(優化JS載入)

樓主做前端開發一年多了,對前端的見解還是多多少少有一點的,今天特拿出來跟大家分享分享。做前端開發少不了各種利器。比如我習慣用的還是google瀏覽器和重型 fiddller。一 原始情況 估計90 的程式設計師都會把js檔案放在head中,但是大家有沒有深究過呢?很多瀏覽器都會使用單一的執行緒來做 ...

JS載入順序

做前端開發少不了各種利器。比如我習慣用的還是google瀏覽器和重型 fiddller。一 原始情況 估計90 的程式設計師都會把js檔案放在head中,但是大家有沒有深究過呢?很多瀏覽器都會使用單一的執行緒來做 介面ui的更新 和 js指令碼的處理 此時使用者很可能就會給你關掉。從上面的瀑布圖中我...

js載入順序

樓主做前端開發一年多了,對前端的見解還是多多少少有一點的,今天特拿出來跟大家分享分享。做前端開發少不了各種利器。比如我習慣用的還是google瀏覽器和重型 fiddller。一 原始情況 估計90 的程式設計師都會把js檔案放在head中,但是大家有沒有深究過呢?很多瀏覽器都會使用單一的執行緒來做 ...