整体内容介绍
1、挪动开发框架营垒
2、cordova框架介绍
3、cordova与react native比拟
4、cordova应用场景
5、cordova装置与启动
6、hooks开发
7、cordova事件应用
8、cordova插件应用
一、挪动开发框架营垒
个别认为挪动开发框架分为三个营垒:原生框架、webview框架、react native。
1、原生营垒
指的是应用各个平台的原生语言进行app开发,如android应用Java、kotlin开发,ios应用objective-c、swift开发。
劣势:运行速度快,性能好,能够试验丰盛的硬件资源;
劣势:不能跨平台运行,开发难度大;
2、webview框架
以cordova、phonegap、ionic为代表,能够让Web开发人员应用他们曾经具备的HTML、CSS和JavaScript技能来开发利用。
长处:疾速上手,跨平台反对,一次开发多平台部署;
毛病:性能相比原生差,硬件资源应用受限,通过webview来渲染的UI不现实;
3、React Native
联合原生和webview框架的劣势,躲避有余,UI层要比WebView框架更原生,其余部分处于模仿层,以实现其易用性。
二、Cordova框架介绍
1、Cordova简介
2011年,Adobe把PhoneGap的外围代码奉献给了Apache软件基金会,但保留了PhoneGap的商标所有权。Apache将PhoneGap外围代码命名为Apache Callback我的项目,后又更 名为Apache Cordova。
cordova是一个开源的挪动开发框架。容许你用规范的web技术-HTML5,CSS3和JavaScript做跨平台(android、ios、windows等)开发。利用在每个平台的具体执行被封装了起来,并依附符合标准的API绑定去拜访每个设施的性能,比如说:传感器、数据、网络状态。
而PhoneGap是cordova的发行版本。
Ionic也集成了ApacheCordova框架,能够间接用Ionic的命令来调用Apache Cordova的创立,编译,打包等性能。
2、cordova外部架构
整个cordova蕴含三局部:web app、webview和plugins。 其中web app是能够本人开发的web代码,webview是针对每个平台开发的浏览器引擎,plugins是cordova针对手机硬件(如相机、电池、存储等)解耦进去的插件组合。
三、Cordova与react native比照
Cordova这样的框架能够应用Web技术来开发挪动UI,是因为它们在每个利用中都内嵌了Web浏览器,包含按钮、菜单和动画,都是在浏览器的网页中运行的。Cordova利用的UI就是运行在Web浏览器中的模仿世界,而浏览器又是运行在原生框架里的另一个模仿世界。
一方面:React Native的UI要比WebView框架低一个层级,它间接运行在原生框架里,比Webview更原生。React Native间接应用了原生UI组件,而WebView框架是应用 HTML/CSS的WebUI来模仿原生UI.
另一方面:React Native还能够让咱们应用JavaScript来编写利用,同时应用相似于HTML和CSS的语法来开发UI。这无疑升高了Web设计师和开发人员的门槛。
文章《React Native vs. Cordova、PhoneGap、Ionic,等等》文章中的图片形象的形容了他们之间的层级关系。
四、Cordova应用场景
1、曾经有了服务器端Web利用,不须要波及后端代码批改,想尽快地公布到利用商店中。这时只须要将web利用拖到cordova我的项目对应的目录中就能够将服务器端web利用公布到挪动端。
2、用用户体验要求不高,并且没有太多交互相干的货色。
如果非常重视用户体验或者交互信息较多的话,倡议应用react native。
后续笔者会一直输入相干畛域的优质内容,心愿大家继续关注本帐号!