HBuilder mui 手机app开发 Android手机app开发 ios手机app开发

经过一段时间的学习，做公司项目，对mui框架有了更加深入完整的了解，其实刚开始接触HBuilder中的mui框架只是简单的了解，并没有深入的研究，后来由于工作的需求，不得不深入研究，并运用的项目中去。

mui框架采用html5来开发手机app，包括Android跟ISO，真正做到一套代码能在Android跟ISO上很好的运行，一般用html5开发网页，页面跳转采用a连接，这样会导致页面切换时出现白屏，并且页面跳转时会出现动画效果，如果作为pc端还可以，但用来开发手机app的话，效果肯定惨不忍睹，并且浮动元素的抖动，无法流畅下拉刷新、侧滑抽屉卡顿等问题，真的有种摔手机的冲动(自己在开发过程中经常遇到这种想摔手机的情况)。但html5也有其值得运用的地方，比如html5可以在Android和ISO尚很好的运行，

而且出了特殊情况，基本上不存在浏览器之间的兼容问题，这样就大大的提升了html5在手机app上的可运用性。mui采用预加载解决切页白屏问题，通过封装原生动画解决SPA模式的动画卡顿。

以下内容来自HBuilder官网（http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/91）

mui官网 http://dev.dcloud.net.cn/mui/

mui开发文档  http://dev.dcloud.net.cn/mui/ui/

MUI为何诞生

1. 性能和体验的差距，一直是mobile app开发者放弃HTML5的首要原因。 
   浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新、侧滑抽屉卡顿等问题，这些都让HTML5开发者倍感挫败，尤其拿到Android低端机运行，摔手机的心都有；

2. 另一方面，浏览器默认控件样式又少又丑，制作一个漂亮的控件非常麻烦，也有一些制作简单的ui框架但性能低下。

mui框架有效的解决了这些问题，这是一个可以方便开发出高性能App的框架，也是目前最接近原生App效果的框架。

其实我们原本是开放心态，大家随意使用自己喜欢的前端框架。但是其他移动App框架实在不给力：
- 基于jq的jqmobile，性能低的无法忍受
- 基于angular的ionic，都把pc端很重的东西引入到移动App中。angularjs本身设计是为了pc端网页的双向数据绑定，做个移动App干嘛用这么重的东西。
- bootstrap这种响应式设计，性能在低端机不足，而且UI风格一看就是网页，不是App的感觉。
于是为了方便广大开发者，我们制作了mui。

MUI的定位是：最接近原生体验的移动App的UI框架

基于mui的定位，产生了mui的几个特点，轻、小、只涉及UI、只为移动App而生、界面风格原生化。
所以请大家注意，mui有所为有所不为：

1. 1. mui不是jq，不封装dom操作
      与ui无关的mui不做，你愿意用jq或zepto就自己用，并不冲突。
      但我们并不建议在移动App里引入jq或zepto这些框架，原因如下：

   2. mui、HTML5+、5+Runtime的关系说明
      mui是一个前端框架，HTML5+是一套HTML5能力扩展规范，HTML5+ Runtime是实现HTML5+规范的强化浏览器引擎。
      有点类似于bootstrap、w3c和chrome os的关系。
      HTML5+规范隶属于http://www.html5plus.org，定义了HTML5规范中没有但开发者做App需要的扩展规范。
      DCloud的5+ Runtime完整的实现了HTML5+规范。同时5+ Runtime还实现了Native.js，一种通过js调用几十万原生API的技术。
      为了提升体验，mui势必会调用一些5+Rutime的增强能力，主要是plus.webview、plus.nativeobj和plus.nativeUI。
      但mui不是要替代HTML5Plus，以后也无计划替代把所有5+的api都包一层。
      mui是把一些常用的窗体操作封装了，但这种封装适应面也是有限的，遇到复杂窗体管理，还是要仔细了解plus的api。
      所以，

   3. mui有插件体系
      为了简化开发者的多端发布开发，mui在核心库之外，补充了一些插件，这些插件不一定是ui相关，也有业务相关。
      在Hello mui示例里下方的示例模板，基本都属于插件。这些插件的使用需要加载mui标准库之外的js等资源。

转载于:https://www.cnblogs.com/spring-qingfeng/p/6736454.html