非同步載入layui
的模組在ie11
下報錯:不是有效的模組。
通過斷點檢視layui
的use
方法發現ie8
和chrome
下getpath
都是layui.js
所在的目錄,而ie11
下為空字串。
getpath
的值為:
doc.currentscript.src
是當前執行的js的路徑,所以chrome
能正常獲取到layui.js
所在的目錄,而ie中沒有doc.currentscript
這個屬性,所以會進入後面的方法中。
script.readystate
是判斷指令碼的載入狀態的,interactive
表示還未執行完成,所以ie8
下也能正常獲取到layui.js
的所在的目錄,而ie11
的script.readystate
已經被刪除了,所以ie11
下getpath
為空字串。
但是不用非同步載入,直接通過標籤引入
layui
卻又沒問題,原因是:在script.readystate === interactive
都不成立時src
的值為空,則取js[last].src
,即此時最後乙個的
src
,也就是layui.js
所在的目錄,而非同步載入的情況最後乙個不一定會是layui.js
,所以ie11
下getpath
為空字串。
在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 ...