专业IM即时通讯软件开发,值得信赖!

跨平台解决方案:cordova+vue全家桶

未分类 云聊IM 181℃

cordova

Apache Cordova是一个开源移动开发框架,它允许您使用标准的Web技术,如HTML5,CSS3和JavaScript进行跨平台开发,避免每个移动平台本机开发语言。应用程序在针对每个平台的包装内执行,并依靠符合标准的API绑定来访问每个设备的传感器,数据和网络状态。

Cordova只是一个打包app的工具(或者说平台,框架),它的作用是让你写的js代码可以调用手机原生的东西(例如调用手机摄像头拍照,调用文件系统文件操作等)。所以它和你使用什么前端框架并没有什么关系,只要能正确的调用Cordova的提供的js api,就能正确调用手机原生应用,这样可以节约开发时间和成本,一套代码稍加修改即可跨平台应用。

Cordova缺点也很明显,从开发者角度来说,对于一个不懂原生开发的前端开发者,对于原生出现的bug难以解决,从而让开发难以进行下去,而且Cordova的插件都是社区人编写,每个人的水平参差不齐,插件代码难免会有坑。

点击下方文字即可链接到cordova中文官方网站,和w3cschool的教程。

前端框架选择

前端三大框架Angular,vue,react,其实都可以作为前端框架的选择。
Angular,和react都有其跨平台的解决方案。

其中Angularjs 有ionic(也可结合Cordova)

Ionic(ionicframework)一款开源的Html5移动App开发框架,是AngularJS移动端解决方案,Ionic以流行的跨平台移动app开发框架phoengap为蓝本,让开发者可以通过命令行工具快速生成android ios移动app应用。

没用过,不多做评说。

react有 react native

学习成本高,限制多。

vue,目前没发现其跨平台解决方案。
vue其优点:原文链接(总结得很好,不多做赘述。)对于大多数前端开发者而言,vue符合前端编码思想,相对容易上手,学习成本不会太高,比较适合作为与cordova所结合的前端框架。

轻量级框架

只关注视图层,是一个构建数据的视图集合,大小只有几十kb。

简单易学

国人开发,中文文档,不存在语言障碍,易于理解和学习

双向数据绑定

  • 保留了angular的特点
  • 实现了html的封装和重用,在构建单页面应用方面有着独特的优势

视图 数据 结构分离

数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作

虚拟DOM

  • DOM操作非常耗费性能
  • 不再使用原生的DOM操作节点,极大解放DOM操作,但操作的还是DOM只是换了一种方式

运行速度更快

与react相比较,都是操作虚拟DOM,但性能更好

喜欢 (0)
仿微信聊天软件开发
点击这里给我发消息