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语法不是很懂,所以看的也不是很明白。
好吧,就这样,接着学。
- Hybrid App学习心得:cordova + ionic + angularjs
- Hybrid移动APP开发(一):Cordova+Ionic+Angularjs环境配置
- ionic angularJS phoneGap(cordova) 搭建app应用
- Cordova + Ionic + AngularJS
- cordova+Angularjs+Ionic
- 基于ionic+cordova+angularJs
- hybird app开发框架 ionic +angularjs + ng-cordova
- 实践分享:开始用Cordova+Ionic+AngularJS开发App
- 实践分享:开始用Cordova+Ionic+AngularJS开发App
- android cordova hybrid app总结
- Cordova hybrid app -- android -- plugins
- ionic + angularJs + cordova入门教程一
- ionic + angularJs + cordova入门教程二
- Ionic+AngularJs+Cordova环境搭建
- ionic+angularjs+cordova项目说明
- AngularJS+Ionic+Cordova 初步认识
- Cordova+ionic+angular开发app
- 使用cordova+Ionic+AngularJs进行Hybird App开发的环境搭建手册
- 登录
- MyEclipse+Git使用详解
- 对之前Android基础的一些整理(一)
- 封装caffe-windows-master为动态链接库
- SSH框架之Spring
- Hybrid App学习心得:cordova + ionic + angularjs
- awk命令
- LaTeX练习
- windows编程之线程操作
- imageView
- android app瘦身
- 在mysql Navicat中怎样设置ID自动递增
- BZOJ 4197: [Noi2015]寿司晚宴 DP
- untiy 2D角色控制器