Hybrid App学习心得:cordova + ionic + angularjs

来源:互联网 发布:coc国王升级数据 编辑:程序博客网 时间:2024/05/01 10:47

1.对Hybrid App的一些理解
在之前就有很多公司推出过纯H5编写的轻应用,就是WebApp,主要的有点就是跨平台,更新快。但是这种App也存在很多缺点,例如很依赖网速,不能获取到系统级别的通知,这样造成用户体验很差。如果要做到又能跨平台,用户体验也能保证良好,那就需要用到混合开发技术,也就是Hybrid App。

2.Hybrid App和Native App的主要区别
从性能上来说,原生开发要更快。界面上Hybrid是模仿原生界面。
对设备的硬件访问两者都支持,但是Hybrid App更加依赖网络,而原生的可以支持离线操作。

3.cordova + ionic + angularjs 安装过程中的一些认识
这两天通过网络查询一些资料,完成了安装的过程,对cordova + ionic + angularjs有了一些自己的了解。
Cordova:我觉的它的主要功能就是提供设备的硬件接口,刚好是弥补web app不能与系统交互的缺点。并且它还能配合UI框架,这样开发混合App可以不用去写原生的代码。(它还是个打包工具,支持很多平台的手机操作系统)
Ionic: 移动开发框架,主要用来构建App的界面。性能很优秀,可以达到原生的效果。
Angularjs: 一款前端JS框架,主要是处理业务逻辑,进行数据绑定等工作。

4.通过阅读Demo代码对cordova + ionic + angularjs的一些理解
感觉有两种方式使用Cordova(目前也不是很懂),第一种是直接集成CordovaActivity,在onCreate方法中loadURL打开Html页面。第二种是继承CordovaInterface,然后通过使用CordovaWebView控件,调用loadURL方法打开Html页面。
那么Html与android原生之间的交互,应该就是androd与js之间的互调。这一点在Demo的代码中有体现,loadURL方法中放入一个URL字符串,方法内部是会对这个字符串进行判断,如果是startWith(“javascript”),那么就会去调用这个js对应的方法,如果是一个html文件的路径,就会去打开这个html文件。
而这个html文件正好可以用ionic进行编写,ionic有一个很大的优点就是可以使用命令行的这种方式操作。而且可以利用CSS达到原生界面的风格,同时可以配合angularJS。
angularJS就是一个JS库,就像jQuery一样。但是就是这一部分个人还不是很懂,因为还没有学会如何使用它,说不出它到底哪里好。问过现在在做H5开发的朋友,只是简单的说这是个JS库,功能比较完善,有数据绑定,路由啊等功能,但是这些都需要通过写代码去理解具体的意思。

5.我认为的学习方法
Cordova的学习应该就是学习如何集成它以及它所包含的API。还有一部分就是学习如何使用它提供的插件(这里的插件指的就是调用安卓系统的设备功能,例如相机啊什么的)

Ionic目前最主要的是学习它的标签,它其实就很类似于Html的格式,标签化语言,学会了各个标签的含义,应该就能写出功能。

angular最重要的就是语法,首先得好好看看JS的基础语法,因为有以前的基础,所以这部分不难。然后通过阅读angular的使用文档,熟悉它的语法就不难了。

其实我目前最大的好奇就是如何绑定数据然后传数据,Demo中有这样的功能,但是现在对angularJS语法不是很懂,所以看的也不是很明白。

好吧,就这样,接着学。

0 0
原创粉丝点击