關於樣式載入順序,js載入順序

2022-04-03 19:54:58 字數 660 閱讀 5874

對於大型**,樣式表,js檔案有多個,這時載入順序有講究:

以京東為例:

對於js:

先載入全域性配置,然後載入當前頁面配置

先載入base-v1.js, 再載入當前頁面配置 window.pageconfig =  (為啥要把pageconfig定義為乙個屬性,而不是單獨定義乙個變數,因為如果用乙個未定義的屬性時會ie下回報錯,而用乙個未定義的變數時不報,firefox都會報錯)

當然,今天把base-v1.js放到了後面,我感覺放到前面更好些

對於css:

先載入全域性樣式表base.css,然後載入當前頁面樣式pshow.css

這樣做的好處是,先載入全域性樣式,初始化一些公用樣式,再載入本頁面樣式,對公用樣式有衝突的地方進行修改。

衍生:

檔案方法如下

function get_msg(str)

結果提示順序:

1.頁面中的方法

2.js檔案中的方法ok(defer中延遲載入方法,會在onload事件之前執行)

3.onload中的方法

JS載入順序

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

js載入順序

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

JS載入順序

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