app端前端框架对比 - Mui与ionic、Cordova 、Weex、React Native对比

1.1.1.介绍： mui是最接近原生App体验的前端框架。

极小：100k的js文件，60k的css文件。原生编写，不依赖任何三方框架

极强：xcode和Android studio里所有原生控件都具备

高性能：精练的代码、适时的5+原生动画调用，达到原生应用的体验

多端发布：编写一套代码，iOS、Android、浏览器、微信App、百度直达号、流应用全覆盖

1.1.2.Mui能力？ HTML5plus Runtime，常用包括二维码、摇一摇、语音输入、地图、支付、分享、文件系统、通讯录等常用API，封装成跨平台的HTML5plus规范。 其他原生API – Native.js，调取原生功能 更多原生SDK引入 – 5+ Runtime SDK，比如身份证扫描SDK，把5+ runtime作为一个SDK放入到其他原生App中，用5+ SDK替代webview，和原生层交互通信。（这块类似cordova的设计） 体验：

开发&体验？
体验样式地址：http://dev.dcloud.net.cn/mui/ui/#dialog MUI HTML5前端框架，轻巧、漂亮、开源 HBuilder HTML5 IDE 编程，要爽 wap2app M站快速转换成App，原生般体验 UniApp 完美的跨平台App，兼容小程序快应用 5+Runtime HTML5强化引擎，能力、性能接近原生 流应用

开发IDE: HBuilder HBuilderX

1.1.3.更新&维护？ 5+应用可使用以下方式进行升级 整包升级：适用于大版本更新，runtime发生变化时（模块、配置、版本等变化）必须使用此更新方法 应用资源升级：适用于小版本更新 。runtime不变，前端页面整体压缩包更新 应用资源差量升级：适用于小版本更新 。runtime不变，前端页面仅需要更新的部分更新。

2.其他框架： ReactNative 、 Cordova 、Ionic、weex

2.1.1.React Native 如果从成熟度来看，react native 是不二选择。但是，需要维护两套代码，即 iOS，Android 各一套。并且开发调试 iOS 只能使用 Mac 设备。

优势： 文档全 社区成熟 组件丰富

劣势： 需要维护两套代码，团队没有 React 经验对开发设备有要求，调试不方便

2.1.2.Weex 而 weex 可以做到 iOS, android, H5 共用一套代码，但是，这个是国内阿里维护的项目，靠谱度存疑，遇到问题估计很难查到资料。而且我们需要使用蓝牙访问硬件设备，而 weex 并没有现成的组件实现，需要我们自己用 native 来实现。

优势： 三端共用一套代码，调试简单，团队都有 Vuejs 实战经验

劣势 ： 国内开源项目不太靠谱、社区极度不成熟、文档不全、组件有限、且下载量都在两三百的量，质量无法保证、需要 native 代码扩展蓝牙数据读取；

2.1.3. Cordova、ionic 这个虽然比较成熟，所有UI组件都是有html模拟，可以统一使用，
但是唯一的问题：是大家普遍反映体验不够流畅。

优势： 文档全、社区成熟、组件丰富、

劣势： angularjs、不太靠谱、流畅度存疑