10、页面预加载

所谓的预加载技术就是在用户尚未触发页面跳转时，提前创建目标页面，这样当用户跳转时，就可以立即进行页面切换，节省创建新页面的时间，提升app使用体验。mui提供两种方式实现页面预加载。

 

方式一：通过mui.init方法中的preloadPages参数进行配置

mui.init({  // 可同时加载一个或者多个界面

    preloadPages:[ //加载一个界面

    { 

        url:'a.html', 

        id:'a', 

        styles:{},//窗口参数 

        extras:{},//自定义扩展参数

        subpages:[{},{}]//预加载页面的子页面 

    },{ // 可加载另外一个界面，不需要可直接删除

        url:'b.html', 

        id:'b', 

        styles:{},//窗口参数 

        extras:{},//自定义扩展参数

        subpages:[{},{}]//预加载页面的子页面 

    }

    ]

});

 

方式二：通过mui.preload方法预加载,一次只能预加载一个页面,若需加载多个webview，则需多次调用mui.preload()方法；

mui.plusReady(function(){

    var productView = mui.preload({

        url: 'list.html',

        id: 'list',

    });

    console.log(productView); //获得预加载界面的对象

});