• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

Mui与Cordova 、ionic、Weex、React Native对比

前端 开心洋葱 2746次浏览 0个评论

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 不太靠谱

流畅度存疑

 

 


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明Mui与Cordova 、ionic、Weex、React Native对比
喜欢 (4)

您必须 登录 才能发表评论!

加载中……