Mui、Cordova 、ionic、Weex、React Native对比
介绍:
mui是最接近原生App体验的前端框架。
极小:100k的js文件,60k的css文件。原生编写,不依赖任何三方框架
极强:xcode和Android studio里所有原生控件都具备
高性能:精练的代码、适时的5+原生动画调用,达到原生应用的体验
多端发布:编写一套代码,iOS、Android、浏览器、微信App、百度直达号、流应用全覆盖
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
更新&维护?
5+应用可使用以下方式进行升级
整包升级:适用于大版本更新,runtime发生变化时(模块、配置、版本等变化)必须使用此更新方法
应用资源升级:适用于小版本更新 。runtime不变,前端页面整体压缩包更新
应用资源差量升级:适用于小版本更新 。runtime不变,前端页面仅需要更新的部分更新。
其他框架:
ReactNative 、 Cordova 、Ionic、weex
React Native
如果从成熟度来看,react native 是不二选择。但是,需要维护两套代码,即 iOS,Android 各一套。并且开发调试 iOS 只能使用 Mac 设备。
优势
文档全
社区成熟
组件丰富
劣势
需要维护两套代码
团队没有 React 经验
对开发设备有要求,调试不方便
Weex
而 weex 可以做到 iOS, android, H5 共用一套代码,但是,这个是国内阿里维护的项目,靠谱度存疑,遇到问题估计很难查到资料。而且我们需要使用蓝牙访问硬件设备,而 weex 并没有现成的组件实现,需要我们自己用 native 来实现。
优势
三端共用一套代码
调试简单
团队都有 Vuejs 实战经验
劣势
国内开源项目不太靠谱
社区极度不成熟
文档不全
组件有限,且下载量都在两三百的量,质量无法保证
需要 native 代码扩展蓝牙数据读取
Cordova 、ionic
ionic 这个虽然比较成熟,所有UI组件都是有html模拟,可以统一使用,但是唯一的问题是大家普遍反映体验不够流畅。
优势
文档全
社区成熟
组件丰富
劣势
angularjs 不太靠谱
流畅度存疑