5G到来,App的未来,是JavaScript,Flutter还是Native ?
Native App
React Native(RN)发布于2015年,也是使用JavaScript语言进行跨平台APP的开发。与H5开发不同的是,它使用JS桥接技术在运行时编译成各个平台的Native代码,其使用的技术Facebook的Flux技术。
其特点是:
- 使用JavaScript语言,由于JS被广泛地使用,所以RN也很容易被接受。
- RN依赖JS的运行时环境,也就是JS桥接技术。其使用Facebook的Flux架构。
- RN仅提供了UI渲染和设备访问的API,很多功能必须依赖第三方库来实现对本地组件的使用。
- 生态目前比较完善,使用的公司也比较多,特别是对JS比较熟悉的同学容易上手。
- 支持热部署,开发过程中可以节约很多时间。
但是它也并不是完美的:
- 它的渲染方式还是调用各个平台的原生控件,有时需要针对不同的平台做不同的优化。
- 其性能相对于H5有很大的提高,但是并没有完美解决,白屏,丢帧问题依然存在。
传统的原生APP开发模式,有IOS和AOS两大系统,需要各自语言开发各自APP。
目前也有很多跨平台应用使用React Native。它也是跟Flutter对比的主要对象。
优点:其优点是目前的生态相对比较成熟
缺点:开发和发布成本高
- 举个栗子:网易管家APP (Tab1,Tab2)
- 应用技术:Swift,OC,JAVA
WebApp
常被人提起的H5技术,其实就是网页+JavaScript。比如目前的一些流行的JS框架Vue,React,AngularJS等都是为了构建网页。针对移动端构建出来的网页可以实现在跨平台的功能,但是其缺点也很明显:
- 渲染效率低下,用户体验差。很多H5在iOS平台表现尚可,但是在Android上特别是一些低端机上的表现确实让人不敢恭维。
- 网页调用设备硬件相关API比较困难,而且支持的功能较少,实现此类需求是H5的短板。
- 移动端的网站,常被称为H5应用,说白了就是特定运行在移动端浏览器上的网站应用。一般泛指 SPA(Single Page
- Application)模式开发出的网站,与MPA(Multi-page Application,再后面做介绍)对应。
优点 :开发和发布成本最低
缺点 :性能和体验不能讲是最差的,但也受到浏览器处理能力的限制,多次下载同样会占用用户一定的流量
- 举个栗子:网易管家APP(Tab3)
- 应用技术:ReactJS,RegularJS等
Hybrid App
- 混合模式移动应用,介于web-app、native-app这两者之间的app,兼具“Native App良好交互体验的优势”和“Web App跨平台
- 开发的优势”(百度百科解释)
- 主要的原理是,由Native通过JSBridge等方法提供统一的API,然后用HTML+CSS实现界面,JS来写逻辑,调用API,最终的页
面在webview中显示,这种模式下,Android、iOS的API一般有一致性,Hybrid App所有有跨平台效果。
优点: 开发和发布都比较方便,效率介于Native App、Web App之间
缺点: 学习范围较广,需要原生配合
- 举个栗子:网易云音乐,我爱我家App
应用技术: PhoneGap,AppCan,Wex5
React Native App
Facebook发现Hybrid App存在很多缺陷和不足,于是发起开源的一套新的APP开发方案RN App。。使用JSX语言写原生界面,
js通过JSBridge调用原生API渲染UI交互通信。
优点: 效率体验接近Native App,发布和开发成本低于Native App
缺点: 学习有一定成本,且文档较少,免不了踩坑
举个栗子:Facebook、youtube、discord、QQ、百度等等
WEEX App
- 阿里巴巴开发团队在RN的成功案例上,重新设计出的一套开发模式,站在了巨人肩膀上并有淘宝团队项目做养料,广受关注,
2016年4月正式开源,并在v2.0版本官方支持Vue.js,与RN分庭抗礼。
优点: 开发效率和体验上跟RN不相上下,并且跨平台性更强
缺点: 刚刚起步,社区没有RN活跃
- 举个栗子:淘宝、天猫、饿了么等
- Flutter 咸鱼正在使用 , 而且他们也推荐大家尝试新技术 来自谷歌,不过貌似国内岗位少,有人说写这个35岁后可以出国。(我等将信将疑)
Flutter介绍
Flutter是Google推出的开源移动应用开发框架。开发者可以通过开发一套代码同时运行在iOS和Android平台。
它使用Dart语言进行开发,并且最终编译成各个平台的Native代码,这样既保证了开发效率,也保证了各个平台的运行效率。其相当于从头到尾重写了一套UI框架,不依赖具体平台的组件。其所有的组件都是"Widget"。渲染引擎则依靠高效渲染库Skia实现。
Flutter也看到了目前的跨平台解决方案并不完美,所以它借鉴了React Native的一些思想,做出了很大的优化。它将代码编译成原生代码,并且直接在各个平台中使用其高效渲染引擎Skia进行渲染,没有桥接,不调用平台相关控件。
这种设计思想完美解决了不同平台的性能问题。
归功于其设计思想,我们可以真正实现一套代码,运行不同的平台。在其推出之后,关注的开发者数量和相关的教程的增长速度远超当时的React Native。
其特点包括:
- 使用Google自主开发的Dart语言。Dart语言是一个强类型的语言,很好地支持面向对象,并且易于学习和使用。
- 使用谷歌自己的Skia渲染引擎,Android自带Skia引擎,iOS平台上Flutter也会把Skia引擎打包到APP中,实现高效渲染。
- 目前有非常丰富的视图组件,可以点击这里查看其组件目录,包括Android上常用的材料设计(Material Design)的UI风格,和iOS风格(Cupertino)。由于其渲染不依赖各平台相关组件,所以运行在不同平台上的效果是一致的。
- 同样支持热部署,开发时可以像网页开发一样实时看到效果。
目前它存在的一些问题是:
- 国内学习资源目前并不丰富,使用Flutter的公司也比较少。
- 相关的生态还没有React Native那样丰富,但是其发展速度大大超过了React Native。
总结
运用于跨平台开发的语言还有很多,如PWA,Uni App等。个人看来,Flutter最具有发展潜力的其中一个,虽然Flutter目前并不是非常流行,但是笔者相信它是跨平台解决方案的未来。如果谷歌的新系统Fuchsia OS能像当今的Android这样如日中天,甚至替代掉Android的话,Flutter的发展也会迎来它的顶峰。
如果你想做一个企业名片之类的东西,让更多人知道自家产品,那也许一个网站就够了;但如果产品核心功能只有native app才能提供,或者你想要确保用户有更好的体验、更强的黏性,那可能就需要做native app。
阅读更多
最后如果对技术比较感兴趣,欢迎关注我的微信公众号:终端研发部,id:codeGooger,一起进阶技术
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
RecyclerView封装库和综合案例【包含25篇博客】
目录介绍 1.复杂页面库介绍 2.本库优势亮点 2.1 支持多种状态切换管理 2.2 支持添加多个header和footer 2.3 支持侧滑功能和拖拽移动 2.4 其他亮点介绍 3.如何使用介绍 3.1 最基础的使用 3.2 添加下拉刷新和加载更多监听 3.3 添加header和footer操作 3.4 设置数据和刷新 3.5 设置adapter 3.6 设置条目点击事件 3.7 设置侧滑删除功能[QQ侧滑删除] 3.8 轻量级拖拽排序与滑动删除 4.关于状态切换 4.1 关于布局内容 4.2 关于实现思路 4.3 关于状态切换api调用 4.4 关于自定义状态布局 4.5 关于自定义布局交互事件处理 5.常用api介绍 5.1 状态切换方法说明 5.2 viewHolder方法说明 5.3 adapter方法说明 5.4 分割线方法说明 5.5 swipe侧滑方法说明 5.6 其他api说明 6.recyclerView的wiki文档【更新中】 6.1 封装库部分思路介绍 6.2 优化处理逻辑介绍 6.3 recyclerView相关类 6.4 recyclerView滑动冲突 6...
- 下一篇
服务器搭建个人网站【新手小白】
一丶购买服务器这里我选的是阿里云服务器,进入阿里云官网 阿里云提供了几种服务器,云服务器ESC、轻量应用服务器,ESC更好一点儿,我选了轻量级应用服务器。购买好了之后,在阿里云网站主页→控制台→轻量应用服务器。找到运行中的实例点进去就好了。服务器器就购买好了 二、配置服务器环境首先你要知道怎么把你本机的文件放到你的服务器里去:你在本机上复制文件,远程连接服务器(运行中敲“mstsc”可打开远程连接窗口),在服务器中粘贴即可,就这么简单。你也可以设置本机上的各个盘为共享也是OK的。其次千万要注意:要在阿里云服务器中把你的防火墙的端口打开比如8080,3306之类的,不打开你是访问不了的 (1)JDK和JRE 去官网http://www.oracle.com/technetwork/java/javase/downloads/index.ht
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- CentOS8编译安装MySQL8.0.19
- MySQL8.0.19开启GTID主从同步CentOS8
- SpringBoot2全家桶,快速入门学习开发网站教程
- CentOS7,CentOS8安装Elasticsearch6.8.6
- CentOS8,CentOS7,CentOS6编译安装Redis5.0.7
- Red5直播服务器,属于Java语言的直播服务器
- CentOS8安装MyCat,轻松搞定数据库的读写分离、垂直分库、水平分库
- SpringBoot2整合MyBatis,连接MySql数据库做增删改查操作