MUI頁面預加載

頁面預加載就是在用戶尚未觸發跳轉頁面連接以前,就已經將該頁面進行建立,當用戶訪問該頁面時就能夠當即進行跳轉,減小頁面建立時間,提升用戶體驗。web

方法一:經過mui.init()初始化方法中的preloadPages參數進行設置網絡

 1 mui.init({
 2     preloadPages:[
 3         {
 4             url:prelaod-page-url,//預加載頁面HTML地址,支持本地地址和網絡地址
 5             id:preload-page-id,//預加載頁面標誌
 6             styles:{},//窗口參數
 7             extras:{},//自定義擴展參數
 8             subpages:[{},{}]//預加載頁面的子頁面
 9         }
10     ],
11     preloadLimit:5//預加載窗口數量限制(一旦超出,先進先出)默認不限制
12 });

這種方法能夠加載多個頁面,可是不會返回預加載頁面的引用。ui

方法二:使用mui.preload()方法實現預加載url

1 var page = mui.preload({
2     url:new-page-url,
3     id:new-page-id,//默認使用當前頁面的url做爲id
4     styles:{},//窗口參數
5     extras:{}//自定義擴展參數
6 });

這種方法能夠當即返回對應webview的引用,可是一次只能預加載一個頁面,若是須要加載多個頁面,則須要屢次調用。spa

應用場景:想加載一個暫時不須要使用的頁面。code

相關文章
相關標籤/搜索