页面预加载就是在用户尚未触发跳转页面连接以前,就已经将该页面进行建立,当用户访问该页面时就能够当即进行跳转,减小页面建立时间,提升用户体验。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