一、简介
（1）html5+：html5+能将html5 app打包成原生app；html5指封装了常用的API，需添加功能则可以用到native js。
（2）MUI：mui是Dcloud官方推出的一个基于html5+标准的框架，同时拥有h5组件和原生组件，原生组件依赖于html5+运行环境，也就是原生app里面的webview组件（能加载显示网页，可以将其视为一个浏览器），所以mui里面的原生组件不能用于浏览器环境，可以通过mui里面的mui.os.plus进行判断，如果是plus环境会返回true，否则会返回undefined。开发者可以根据自己的需要进行代码适配，对于APP使用增强的原生组件，对于普通浏览器里面运行的页面使用h5组件。同时用户还可以使用mui.os.android、mui.os.ios及mui.os.wechat对平台进行检测，然后书写不同的逻辑代码。对于mui里面没有封装的原生组件，大家可以根据自己的需要基于html5+标准和native.js语法进行个性化定制。因此这里我们可以有一个基本影响就是我们开始可以直接上手mui，不过需要明白mui与其他UI框架的区别在于，mui拥有独有的原生组件，而且这个是依赖于html5+标准的，所以mui里面的很多组件实现方法甚至用户就是html5+里面的标准写法，对html5+标准有一定了解有助于我们理解mui的一些使用方法。
（3）webview：Webview模块管理应用窗口界面，实现多窗口的逻辑控制管理操作。通过plus.webview可获取应用界面管理对象。那么串口和webview有什么异同？一个html页面就是一个窗口，一个html页面可以创建多个webview，这个webview是原生APP中浏览网页的组件，android和iOS都有，html5plus中的webview是对原生webview的封装，可以用js进行调用，所以它的运行环境是APP环境，普通浏览器不支持。
一、结构类:
edo: html结构模板 (使用方式,输入 edo–>回车–>输入模块名(如home)–>Tab键(注意不要回车)
mhe : 固定头部导航
mbo : 搭配头部使用, 有头部时, 添加mbo 可确保内容不被头部遮挡
mta : 各种Tab 选项卡, 推荐使用 可左右滑动(mtabviewpage)
mgr : 9宫格
mac : 折叠面板
mof : 侧滑菜单
msc : 区域滚动
二、表单类
mfo : 表单框架
min : 文本框
mra : 单选框
mch : 复选框
msw : 开关
mran : 滑块
mnu : 数字框
三、其他公用或工具类
mba : 角标
mic : 图标
mslider : 轮播组件 (可左右滑动的视图, 应用广泛, 如tab就有用到)
mslider_grallery : 轮播图, 根据轮播组件加工得到
mpu : 下拉刷新容器
act : 菜单
mpo : 弹出悬浮菜单
提示 …
mda : 弹出框
mdc : 确认框
mdp : 输入框
mdt : 自动消失框看一下代码提示，大概就知道，一般是以m开头的，比如mheader、mbody等，就可以很快找到快捷键了！
mheader 头部
mbody 内容体