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

mui适用场景说明,能不能在普通浏览器里使用,能否用于wap网站

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

本文主要包含mui,mui框架视频教程,mui h5的微信支付,mui项目案例demo,oppor9s刷成mui等相关知识,教程希望在学习及工作中可以帮助到您
"); </div>

mui适用场景说明

为解决HTML5在低端Android机上的性能缺陷,mui引入了原生加速,其中最关键的就是webview控件,因此mui若要发挥其全部能力,需和5+ App配合适用,若脱离5+ App,mui功能会受限,主要涉及三个部分:

webview窗口相关

涉及webview的,除了5+App,其它所有手机浏览器及PC浏览器均无法使用,涉及功能点包括:


  • webview模式窗体动画

  • 创建子窗口(除了为解决区域滚动的常见双webview场景,还涉及webview模式的选项卡等多webview场景)

  • webview模式的侧滑菜单(也有div方式侧滑菜单)

  • webview模式的tab选项卡(也有div方式选项卡)

  • nativeUI,如原生的警告框、确认框、popover、actionsheet、toast。这些也有HTML5的实现。

  • 预加载

  • 自定义事件

第三方扩展插件

涉及webview的,除了5+App,其它所有手机浏览器及PC浏览器均无法使用,目前主要包括:语音输入;

Touch事件相关(注意pc浏览器没有touch事件)

Touch事件相关的,手机端浏览器均可使用、pc端chrome模拟手机浏览器也可以正常使用。
但普通PC端浏览器因为没有touch事件,可以显示控件但滑动操作功能会受限;涉及功能点包括:


  • 手势事件

  • mui封装的tap相关处理业务:折叠面板、二级列表、二级选项卡;

  • mui封装的swipe、drag相关处理业务:图片轮播、可左右滑动的图文表格、可左右滑动的9宫格、滑动触发列表项菜单、可拖动式侧滑菜单、下拉刷新和上拉加载、可拖动式选项卡
    【备注】:在PC端,大家将tap替换成click,将HTML5默认的Drag事件替换mui 的swipe和drag,就可以解决如上两个问题。

除上述列出的功能点,其它mui功能,均可以在其它手机浏览器及PC服务端使用,所有CSS均不受影响。

官方支持的mui多端发布案例,挑食火锅。
使用mui,开发一次,通过条件编译生成了iOS、Android、浏览器、微信、百度直达号、360流应用等多个版本。
具体看www.dcloud.io/case/tiaoshi/

很多开发者已经自己动手使用mui开发了web app,这里有一些案例:
天行者户外
华职人才网

 

</div>

 

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

  • mui页面无法滚动解决方法
  • MUI分享链接到微信好友、朋友圈、QQ好友
  • mui开发app之多图压缩与上传
  • mui 视频播放代码分享
  • MUI框架预加载
  • MUI div的侧滑菜单如何禁用手势侧滑
  • MUi DIV侧滑菜单怎么监听遮罩层点击事件?
  • MUI web app溢出页面上下无法滚动问题
  • mui相机拍照、相册上传图片示例
  • MUI Hbuilder设置模拟器运行APP项目图文教程

相关文章

  • 2017-05-31封装localStorage与plus.storage 2.0版本
  • 2017-05-31Hbuilder MUI选项卡pullrefresh_with_tab主动触发切换
  • 2017-05-31Hbuilder MUI第三方授权登录插件配置
  • 2017-05-31 Hbuilder mui HTML如何使用模板加载数据(一)
  • 2017-05-31Android集成HTML5+SDK,Runtime方式离线打包,空项目讲解
  • 2017-05-31MUI APP防止登陆页面出现白屏
  • 2017-05-31MUI版本升级更新程序IOS和andriod
  • 2017-05-31mui原生日期选择器封装
  • 2017-05-31mui自定义事件带参返回mui.back()
  • 2017-05-31分享基于plus.downloader的图片懒加载功能,支持本地缓存

文章分类

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

最近更新的内容

    • HBuilder mui ajax
    • 底部菜单 display:none ,显示是空白(还是占用地方)
    • Hbuilder MUI 微信支付、分享、登陆说明
    • mui webview模式选项卡实现按需加载
    • MUI判断网络连接以及监听网络变化JS
    • IOS,Android调用原生代码拨打电话、发送短信功能
    • mui获取百度地图定位功能
    • mui Android平台 Native.js跳转系统设置各个界面
    • 关于HBuilder 7.6.3中Android4.4以下软键盘闪退,子webview切换异常,iOS关闭子窗口导致应用卡死等问题的解决办法
    • Hbuilder MUI 打包APP运行非常卡问题解决

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

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