• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >HBuilder教程 > MUI - 预加载

MUI - 预加载

作者:教程 字体:[增加 减小] 来源:互联网 时间:2017-05-31

本文主要包含mui 预加载页面,mui下拉加载,mui 正在加载,mui 重新加载,mui重新加载页面等相关知识,教程希望在学习及工作中可以帮助到您
"); </div> 预加载都是在mui.init({)}中执行的 

方式一:preload一次仅能预加载一个页面(除非循环)

  1. var subWebview = mui.preload({ 
  2.     url: 'examples/accordion.html', 
  3.     id: 'template_sub', 
  4.     top: '   
  5.     styles: { 
  6. px ',   
  7.         bottom: '0px' 
  8.     } 
  9. }); 

方式二:create一次仅能预加载一个页面  (除非循环)  
 

  1. function clicklist (id) { //list点击item后的事件 
  2.     var nwaiting = plus.nativeUI.showWaiting();//显示原生等待框 
  3.     webviewShow = plus.webview.create("show.html");//后台创建webview并打开show.html 
  4.     webviewShow.addEventListener("loaded", function() { //注册新webview的载入完成事件 
  5.         nwaiting.close(); //新webview的载入完毕后关闭等待框 
  6.         webviewShow.show("slide-in-right",150); //把新webview窗体显示出来,显示动画效果为速度150毫秒的右侧移入动画 
  7.     }, false); 
  8. } 

方式三:通过mui.init方法中的preloadPages参数进行配置.可预加载多个页面,但不会返回预加载每个页面的引用(异步执行)

  1. mui.init({ 
  2.     preloadPages: [{ 
  3.         url: prelaod - page - url, 
  4.         id: preload - page - id, 
  5.         extras: { 
  6.             valueArray: styles: {}, //窗口参数   
  7.             valueArray, 
  8.             productArray: productArray 
  9.         }, //自定义扩展参数,在该页面获取方式:varweb=plus.webview.currentWebview;web.valueArray   
  10.         subpages: [{}, {}] //预加载页面的子页面   
  11.     }] 
  12. }); 

方式四:加载子页面,通常是在原来具备【header】或者【footer】的前提下,再加载进来一个【list列表】或者【mui-content】与原页面进行合并

 

  1. subpages: 
  2. [{ 
  3.     id:'list',   
  4.     url:'list.html',   
  5.     styles:{   
  6.         top:'45px',   
  7.         bottom:0,   
  8.         bounce:'vertical'   
  9.     }   
  10. }] 

 

您可能想查找下面的文章:

  • MUI页面布局(打开新页面,预加载)
  • MUI - 预加载

相关文章

  • 2017-05-31MUI图片上传剪切预览代码分享
  • 2017-05-31MUI iOS10 剪贴板复制报错
  • 2017-05-31Application loader上次报90167错误
  • 2017-05-31Hbuilder MUI选项卡怎么样用js使其切换到指定的TAB?
  • 2017-05-31QQ和微信第三方授权登录 云打包后丢失授权信息
  • 2017-05-31H5+MUI+Node.js+Socket.io群组即时聊天+发送图片+图片压缩
  • 2017-05-31IOS,Android调用原生代码拨打电话、发送短信功能
  • 2017-05-31 Hbuilder mui HTML如何使用模板加载数据(一)
  • 2017-05-31mui subpages和preloadPages区别是什么?
  • 2017-05-31mui 如何监听键盘弹出

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • MUI iOS10 剪贴板复制报错
    • mui获取百度地图定位功能
    • MUI 图标筛选切换(父页面传值子页面)
    • MUI Native.js如何访问蓝牙Bluetooth?
    • mui框架中input输入框或输入框聚焦后页面自动上移实现方法
    • HBuilder mui动态添加图片轮播,但加载完后轮播无法滚动
    • 提升HTML5的性能体验系列之二 列表流畅滑动
    • App资源在线差量升级更新
    • Hbuilder MUI 动态添加不同类型的数据
    • hbuilder 支付宝和微信支付插件配置

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有