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的引用，但是一次只能预加载一个页面，如果需要加载多个页面，则需要多次调用。

应用场景：想加载一个暂时不需要使用的页面。

转载于:https://www.cnblogs.com/GXQi/p/9492875.html