mui适用场景说明,能不能在普通浏览器里使用,能否用于wap网站
2016-09-10 14:53
267 查看
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均不受影响。
http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/113
相关文章推荐
- mui适用场景说明,能不能在普通浏览器里使用,能否用于wap网站
- Unity(五):使用场景Ⅱ:用于单例模式
- Unity(七):使用场景Ⅲ:用于依赖注入(下)
- 一网打尽当下NoSQL类型、适用场景及使用公司
- 用于检测该意图能否可以使用
- 一网打尽当下NoSQL类型、适用场景及使用公司
- 公布Oracle端口映射源码,并加以例程说明,方便大家使用,不能用于黑客目的哈
- 传输表空间的使用条件、限制和适用场景--总结
- 微信功能版(可用于电脑、安卓手机端)微信电脑版 使用说明
- 一网打尽当下NoSQL类型、适用场景及使用公司
- 用于FireFox浏览器中的Firebug的使用方法
- (转)Unity(七):使用场景Ⅲ:用于依赖注入(下)
- (转)Unity(六):使用场景Ⅲ:用于依赖注入(上)
- 系统上安装了多种浏览器,能否指定某浏览器访问指定页面?请说明原由。
- Unity(六):使用场景Ⅲ:用于依赖注入(上)
- (转)Unity(五):使用场景Ⅱ:用于单例模式
- 外贸seo人员必备的浏览器与其插件的使用说明
- 一网打尽当下NoSQL类型、适用场景及使用公司
- 一网打尽当下NoSQL类型、适用场景及使用公司
- 简介 WatiN是一个开源的用于Web测试自动化的类库,从watir中获得的灵感,使用C#开发。WatiN通过与浏览器的交互来实现自动化,使用起来具有轻便,简单的特点。目前最新版本为2.0,加入了对