MUI頁面預加載


頁面預加載就是在用戶還沒有觸發跳轉頁面鏈接之前,就已經將該頁面進行創建,當用戶訪問該頁面時就可以立即進行跳轉,減少頁面創建時間,提高用戶體驗。

方法一:通過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 });

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

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

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

這種方法可以立即返回對應webview的引用,但是一次只能預加載一個頁面,如果需要加載多個頁面,則需要多次調用。

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM