html5mui的简单介绍

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

为解决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均不受影响。

相关问答

Q1: 有木有会html5和mui的大神？

有的，具体看你有什么需求。

希望我的回答可以帮到你，有什么不懂可以追问。

Q2: H5+和Mui是什么关系

h5+项目 是用的原生的HTML5+的API做的。

mui项目是封装了原生的HTML5+的API的一个框架，方便开发者迅速开发应用。含mui.css（提供了很多页面样式）和mui.js（封装了原生HTML5+API）。

举个栗子。你在做web前端开发的时候，用原生的js就相当于这里的原生HTML5+，用jquery就相当于这里的mui。

因为mui处于更新的过程。所以很多原生的HTML5+的API没及时的封装。所以有时候还需要调用原生的API。而且现在版本更新的速度很快也很频繁，相信以后会更好。

Q3: mui与html5 plus有什么关系

mui是Dcloud公司封装的一套ui框架，该框架封装了我们在做界面开发时常用到的一些元素并为它们定义好了样式，开发时可以直接使用，不需要自己再去写样式，如：文本框，图文列表，选择框等，能使我们开发界面更快捷（主要用于移动设备界面开发）

html5 plus是Dcloud公司封装的一套js；通过该js可以调用移动设备能力，如：相机，相册，电话簿等等；目的是使：用html5开发的app能用拥有类似原生app的体验

一般使用Dcloud公司框架开发混合app时使用到:hbuilder(开发工具)+mui(ui框架)+html5 plus(调用移动设备能力)

所以两者没有必然联系，只是配合使用，你css厉害可以抛弃mui，只使用html5 plus一样可以开发app；

以上是个人见解。

Q4: 求html5 mui框架免费完整视频教程

目前是没有视频的，但是mui 官方给出了所有效果的demo下载，你可以去官网下载该demo

Q5: html5+能否检测运行环境是不是模拟器

不能

因为你唯一的检测途径是UserAgent，UA是可以修改的，你不管怎么样UA都可以由用户改变，故而没有别的方法可以判断。

不过又有什么项目不能在模拟器上运行的呢

有如此奇葩项目，不如直接用Java+HTML搭建程序了

毕竟iOS还没人能够模拟，有能力的也不屑于此

Android原生可嵌入HTML的

不过提供一种思路，用安卓原生的方法判断设备是否摇晃剧烈（电脑摇晃？有点难）