Angularjs 与ionic 还有cordova的事情

分类: 在移动端的新的征程 | 标签: , , , | 日期:


入门必须:
(1) 看一遍ionic的文档, http://ionicframework.com/ ;
Ionic 是一个用HTML, CSS 跟JS 开发的一个用于移动设备的web app 开发框架,采用 Sass与AngularJS 开发。

(2) 看一遍phonegap的文档;目前phonegap又取名为cordova;有些常用的命令总结如下:

项目例子:http://my.oschina.net/nosand/blog/294011
ionic:
Create hybrid mobile apps with the web technologies you love.
Free and open source, Ionic offers a library of mobile-optimized HTML,
CSS and JS components, gestures, and tools for building highly interactive apps.
Built with Sass and optimized for AngularJS.

Qunee有一个上海地铁图的例子,有客户希望转成mobile app,考察过android的webview,以及PhoneGap等多种Hybrid App方案后,最后选择使用ionic,准确的说是ionic + PhoneGap + Qunee ionic是一种基于HTML5创建Hybrid应用的前端框架,借助phoneGap + angularJS实现一套跨平台,轻量的移动UI方案,本文将介绍借助ionic实现移动版Qunee上海地图的示例
背景知识

安装ionic所需软件环境 – java, android sdk等

ionic实际上是集大成者,借助了多种技术,自身是一套UI框架,结合PhoneGap实现跨平台移动APP,需要先安装好依赖的程序,比如nodejs, java, ADT, ant, xcode等,并设置好java_home, 添加android sdk tool到环境变量

 

以下是网上的相关Angularjs 与ionic 还有cordova的教程,我会逐步更新:

  1.  phonegap 性能优化 以及 phonegap + Angularjs +ionic

  2. onic项目简介以及Angularjs 基础

  3. ngularjs MVC 以及 $scope作用域 以及依赖注入中代码压缩问题

  4. ngularjs $scope里面的$apply方法 和 $watch方法

  5. ngularjs 工具方法 以及 Angularjs 中使用 jquery

  6. ngularjs 事件指令 input相关指令 和样式指令 DOM操作指令详解

  7. Angularjs filter过滤器以及自定义filter过滤器 详解

声明:本文为耿师傅 http://www.bordf.com发布文章。转载务必注明出处

注意:转载须保留全文:请保留本文出处!否则耿师傅将向你网站的主机商投诉。
本文永久地址:http://www.bordf.com/article/1501.html


表情:<( ̄︶ ̄)> | (⊙ˍ⊙) | >﹏< | b( ̄▽ ̄)d | (─.─||) | (^_-)

[ Ctrl+Enter提交 ]