非同步載入layui的模組在IE11下不相容問題

2021-10-02 02:29:27 字數 1363 閱讀 2981

非同步載入layui的模組在ie11下報錯:不是有效的模組。

通過斷點檢視layuiuse方法發現ie8chromegetpath都是layui.js所在的目錄,而ie11下為空字串。

getpath的值為:

doc.currentscript.src是當前執行的js的路徑,所以chrome能正常獲取到layui.js所在的目錄,而ie中沒有doc.currentscript這個屬性,所以會進入後面的方法中。

script.readystate是判斷指令碼的載入狀態的,interactive表示還未執行完成,所以ie8下也能正常獲取到layui.js的所在的目錄,而ie11script.readystate已經被刪除了,所以ie11getpath為空字串。

但是不用非同步載入,直接通過標籤引入layui卻又沒問題,原因是:在script.readystate === interactive都不成立時src的值為空,則取js[last].src,即此時最後乙個的src,也就是layui.js所在的目錄,而非同步載入的情況最後乙個不一定會是layui.js,所以ie11getpath為空字串。

在config中設定dir:

在layui的官方文件中也有layui底層方法

修改原始碼

在listview中,實現 分頁載入 非同步載入

public voidonscroll abslistview view,intfirstvisibleitem,intvisibleitemcount,inttotalitemcount 語句解釋 為了頁面清晰,本範例僅僅將核心 列出來。變數currentpage代表當前已經載入了多少頁的資料。預...

react非同步載入元件,分模組載入,提高開啟效能

react非同步載入的方法很多,這裡只說一種,因為這一種直接使用react的特性就可以了,不需要另外配置webpack,就是用乙個小技巧去import元件,所以方便,實現簡單。寫乙個元件a,這個元件內部會載入另外的元件b,用b的內容完全覆蓋到a上面,路由需要開啟a的時候,內容載入的b才會調起,達到非...

LayUI流載入的基本使用

首先在html頁面中定義乙個存放載入內容的標籤 頁面樣式可以根據自己需求進行除錯 使用js根據上面給定的標籤,渲染插入資料。如下。layui.use flow function function res pages為ajax返回的總頁數,只有當前頁小於總頁數的情況下,才會繼續出現載入更多 next ...