為了提高效能,怎樣動態載入JS檔案

2021-09-07 12:51:52 字數 937 閱讀 4197

可是有些檔案是在開啟某些型別的**時才須要載入。

比如,僅僅有當開啟甘特圖**時,才須要載入gantetu.js檔案。

那麼問題來了,為了降低js檔案數量和請求,怎樣在須要時自己主動載入js檔案呢?

辦法例如以下。

假設就這樣了,還不完美。由於這是動態非同步載入的。超級**程式中。在執行這種方法後立即會執行js檔案裡的類。

**例如以下:

mcss_importjs(「allfile/js/gantetu.js");

var gantetu=new gantetu();

有時候由於網路或效能原因,會報錯「gantetu物件不存在」。

我原來的處理方法是提示使用者手動又一次載入。例如以下圖:

這樣的處理方式太low了。

近期我找到了解決的方法。就是自己主動又一次載入。**例如以下:

**解釋:

假設物件為空。就在1秒後又一次載入。

最多載入5次。

效果是,基本都在自己主動載入1次後就能正常開啟,並且使用者基本感覺不到。

整個過程給我啟示是:原來的粗暴辦法持續了一年。我似乎也沒辦法。可是就是剛才。我花了半小時,攻克了支援了一年的bug。

假設想看真實**,按以下步驟能夠找到:

1、開啟beta.chaojibiaoge.com

2、單擊「新建》專案甘特圖」

3、用chrome或火狐瀏覽器的除錯頁面,找到main.js檔案的951行**開始。

高效能js 載入和執行

指令碼載入 無阻塞的指令碼 延遲的指令碼 動態指令碼元素 var script document.createelement script script.src file1.js document.getelementsbytagname head 0 script function loadscr...

怎樣檢驗羅斯蒙特變送器來提高效能

了解羅斯蒙特變送器,最主要的要了解其的一些校驗問題,因為這樣才能保證在後期使用羅斯蒙特變送器的過程中使用方便。怎樣檢驗羅斯蒙特變送器來提高效能 羅斯蒙特變送器正常投運情況下,可以按照以下的步驟進行校驗 首先,應關閉負壓側隔離閥,開啟平衡閥 第二,關閉正壓側隔離閥,關閉平衡閥 第三,拆下羅斯蒙特變送器...

高效能js之js檔案的載入與解析

隨著 的發展,現在的網頁已經離不開js,經常乙個頁面會引入大量的js。那麼該如何合理的載入這些js?head標籤中引入js檔案可能是最常見的一種方式,但是這樣會造成乙個問題。因為j可以說是瀏覽器中的霸主,換句話說在js的引入和解析過程中頁面是不會進行載入和渲染的。那麼如果js載入的時間過長,就會造成...