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、不太靠谱、流畅度存疑

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章