uniapp React Ionic Taro apicloud Weex Chameleon Flutter技术选型

混合之路,由来已久。

以省钱省力的资本市场的旺盛需求驱动下。

从早期的webview嵌入url,到现在的前端市场喷薄的迭代。

目前 混合模式 逐渐趋向于稳定。

一路走来,步步维艰。

此篇文章不介绍各种技术细节对比,仅代表个人意见!

 

背景:

故事要追溯到上古时期 13 / 5  ( 一个遥远的年代 )

一个国外的巨大门派 Facebook  开源了自己的内部功法 React .

React一出,立刻引起国内外论坛的疯狂追捧 。

其变态的 jsx 语法。使使用的人口碑呈现出巨大的两级分化,类似于当年的Oc之流

随后,PhoneGap表示不服,立刻推出 初级功法 PhoneGap

贡献给Apache 

Apache 收到功法,集结内部高手,提取精华,举办改名大会  

Cordova 应运而生 

PhoneGap ->  Cordova +  Ionic  

Ionic一举集成google那极其变态的angular.js体系和Cordova开始了开派之旅.

JD 不甘落后,想模仿java的随意,开创 Taro.

因各种事故上新闻的的门派滴滴, 就目前看来做事并不随意 发布 Chameleon(这个值得期待)

Flutter 也是除了名的管生不管养的Google 推出的,其dart的嵌套语法,令人望而却步。

Dcloud 个人比较钦佩的门派,从mui一个籍籍无名小辈 到现在的生态圈极其强大。

 

uniapp(dcloud)

生态圈完善,插件收费体系建立起来了。

UI选择多,官方ui太搓,且不更新,没有设计感。只是示例,

插件市场的UI,不过基本都是隐性的收费或者随着版本迭代的开始收费了

年前不错,目前较为混乱。插件市场已经走向一个奇怪的趋势,不管质量咋样,收费再说。

原生插件多,稍微有一点用的插件,90%处于收费,价格都是作者自定义,各个同质化插件之间溢价较大

基本上可以这样说,可用且免费且持续更新已经非常少(爱不能发电,表示理解)

部分免费的,UI做的,一言难尽...

可以使用,基本目前想实现的原生功能基本都能实现。做好付费的打算和被某些定制需求被某些原生作者宰的打算.

自行设计切图另算

当然和我一样会写原生插件的跳过

 

RN (Facebook)   

生态圈完善,组件丰富,社群论坛火热,基本上你能遇到的问题,他们都遇到过,

如果习惯用React 首选他了.

 

Ionic Cordova  (google)

生态圈完善,google背书,如果习惯用A.js首选他了.

不过据说,目前已经提供了vue的版本.没持续关注了.

 

Taro (JD)

非要起名叫什么 物料市场,略微无语。

目前生态圈略差,物料市场中资料极少。

开发者不用心,随意拼凑,竟然在注释中写了 nimabi 的注释 (狗头)...

不过目前官方自己推出了自己的UI,也推出了vue版本。

就目前看来 值得期待.

 

Chameleon (DD)  

滴滴的产品,后起之秀,目前看来dd和vant 之类差不多,自己组建生态,文档干净简洁,比uniapp的走向好太多。

目前可持续关注...

 

Flutter(google)

愿意学dart的可以去试试,不过说句实话,他们鼓吹的性能,并没有那么厉害.

 

apicloud 

被dcloud横屏说抄袭...跳过

 

Weex 

管生不管养,阿里的作品,你懂的,跳过,因为理念先进 被uniapp接盘改为 nvue 

 

 

目前个人正在使用uniapp ,不过后期看看 taro 或者 Chameleon  

社区完善了应该会转向过去.

 

这里只介绍一篇Uniapp的UI选型

colorui

确实第一眼被惊艳到了,设计感超强,颜色、渐变、阴影的把握真的超厉害。

不过作者貌似失踪了。很久没更新过了。

thorui

设计感略差,细节完善的差,字体大小,颜色配色,渐变比较弱,

不过功能组件多,1.52 开始收费

uview

值得鼓励,不过个人觉得不好看。设计感和ui部分做的比较差

graceui

商业软件,UI设计的是真难看,买了又没啥用的就是说的他了.

 

商城和其他类目的软件倒是挺多的,不过基本都已经走向收费了。目前还在可接受的范围之内.

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
1 简介 1、Native APP(原生) 2、Hybrid APP(混合) 3、React Native Hybrid App按网页语言与程序语言的混合,通常分为三种类型:多View混合型,单View混合型,Web主体型。 2 技术 2.1 技术选型 Ionic 2.1.1 Ionic介绍 Ionic是一款基于Angular、Cordova的强大的HTML5移动应用开发框架,可以快速创建一个跨平台的移动医用。可以快速开发移动APP、移动WEB页面、微信公众平台应用,混合APP WEB页面。 2.1.2 Ionic和cordova、Angular关系 Ionic = cordova + Angular + ionic Css Ionic 是完全基于谷歌的 Angular 框架,在 Angular 基础上面做了一些封装,让我们可以更快速和容易的开发移动的项目。Ionic 调用原生的功能是基于 Cordova,Cordova 提供了使用JavaScript 调用 Native 功能,ionic 自己也封装了一套漂亮的 CSS UI 库。 2.1.3 开发工具 Visual Studio Code 2.1.4 管理工具 Git 2.2 环境搭建 2.2.1 概述 2.2.2 JDK 2.2.2.1 版本 jdk1.8 2.2.2.2 配置 JAVA_HOME PATH CLASSPATH 2.2.3 Apache ant 2.2.3.1 版本 1.9.12 2.2.3.2 解压 2.2.3.3 配置 ANT_HOME: D:\android\apache-ant-1.10.4 Path: %ANT_HOME%\bin 2.2.3.4 查看安装版本 ant –v 2.2.4 android SDK 2.2.4.1 版本 r24.4.1 2.2.4.2 配置 ANDROID_SDK_HOME: D:\Android\android-sdk-windows Path:%ANDROID_SDK_HOME%\platform-tools;%ANDROID_SDK_HOME%\tools 2.2.4.3 SDK 通过SDK Manager下载相关的版本 2.2.4.4 查看信息 android -h 2.2.5 node.js 2.2.5.1 版本 8.11.3 2.2.5.2 安装 2.2.5.3 查看版本 node –v npm -v 2.2.6 npm/cnpm 2.2.6.1 安装npm nodejs已经集成了npm 2.2.6.2 安装 cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 2.2.7 cordova 2.2.7.1 版本 8.0.0 2.2.7.2 安装 npm install -g cordova 可以使用cnpm代替npm cnpm install -g cordova ionic 2.2.7.3 查看版本 cordova -v 2.2.8 ionic 2.2.8.1 版本 3.20.0 2.2.8.2 安装 npm install –g ionic 可以使用cnpm代替npm cnpm install -g cordova ionic 2.2.8.3 查看版本 ionic –v 2.2.8.4 查看信息 ionic info 3 项目 3.1 创建 3.1.1 新建 3.1.2 启动 3.1.3 打包 3.1.3.1 添加 3.1.3.2 生产release版apk(签名后安装) 3.1.3.3 生成debug版apk 3.1.4 签名 3.1.4.1 生成签名文件 keytool -genkey -v -keystore testapp.keystore -alias testapp.keystore -keyalg RSA -validity 20000 3.1.4.2 apk签名 jarsigner -verbose -keystore testapp.keystore -signedjar app-release-signed.apk app-release-unsigned.apk testapp.keystore 3.1.5 安装 安卓手机安装使用
这些技术都是用于跨平台移动应用程序开发的框架,但它们在实现方式、语法、性能、可扩展性和工具支持方面存在一些差异。 - NativeScript:使用JavaScript或TypeScript编写,可以使用原生UI组件创建跨平台应用程序,支持iOS和Android平台。NativeScript具有良好的性能和良好的可扩展性,但在开发工具和社区支持方面相对较弱。 - Ionic:也是使用JavaScript编写的跨平台移动应用程序框架,基于Angular框架,可以使用Web技术构建应用程序,支持iOS和Android平台。Ionic具有良好的可扩展性和丰富的开发工具和插件,但在性能方面可能不如其他框架。 - React Native:使用JavaScript编写,基于React框架,可以将React组件转换为原生UI组件,支持iOS和Android平台。React Native具有高效的性能和良好的可扩展性,并且拥有庞大的社区和开发工具支持。 - Flutter:使用Dart编写,可以使用自己的UI组件创建跨平台应用程序,支持iOS、Android和Web平台。Flutter具有卓越的性能和丰富的开发工具和插件,但可能需要学习新的语言和UI框架。 总体而言,选择哪种技术取决于您的需求和技能水平。如果您熟悉JavaScript和Web技术Ionic和NativeScript可能是更好的选择,如果您喜欢ReactReact生态系统,React Native可能是更好的选择,如果您需要卓越的性能和可扩展性,Flutter可能是更好的选择。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值