[TOC]
http://blog.csdn.net/tyro_java/article/details/72823706
从ionic的项目构建和跨域设置说起
http://div.io/topic/1631
使用 gulp 搭建前端环境之 ionic 项目实践总结(高级篇)
http://blog.csdn.net/haoshidai/article/details/50867316
# 【推荐学习ionic2】
## Ionic入门
[Ionic简单接触:Windows下Ionic Android开发环境搭建](http://www.itwap.net/ArticleContent.aspx?id=26)
注意由于Android的多样性和手机厂商的修改,ionic做的hybrid mobile app的性能和表现和iOS真是差别很大!
~~~
ionic lib update 更新ionic库
~~~
Take care with the performance
## 目录一览:
~~~
myApp/
|– config.xml
|– hooks/
| | – before_xxx/
| | – after_xxx/
|– merges/
| | – Android/
| | – iOS/
|– platforms/
| |– android/
|| – ios/
|– plugins/
| |– org.apache.cordova.console/
| |– org.apache.cordova.device/
|– www/
| |– css/
| |– img/
| |– js/
|– index.html
~~~
### (2)config.xml :
cordova的配置文件
### (3)hooks目录
存放自定义cordova命令的脚本文件。每个project命令都可以定义before和after的Hook,比如:before_build、after_build。
Hook可以采用任何编程语言来写,Cordova CLI采用的是Node.js,所以一般都是用它来写。
这里提供了3个常用的Hook脚本:
http://devgirl.org/2013/11/12/three-hooks-your-cordovaphonegap-project-needs/
### (4)merges目录
存放各个平台特殊的文件,会和www进行合并编译,相同的文件merges下的文件优先。
比如:
~~~
merges/
|– ios/
| |– app.js
|– android/
| |– android.js
www/
| |– app.js
~~~
编译成iOS应用的话,包含merges/ios/app.js;
而Android应用的话,包含www/app.js、merges/android/android.js
### (5)platforms目录
各个平台的原生代码工程,不要手动修改,因为在build的时候会被覆盖。
### (6)plugins目录
插件目录(cordova提供的原生API也是以插件的形式提供的)。
### (7)www目录
源代码目录,在cordova prepare的时候会被copy到各个平台工程的assets\www目录中。
其中index.html为应用的入口文件。
## Ionic常用命令
~~~
ionic serve (在浏览器中看)
ionic info (查看关于ionic的系统消息)
ionic start faces 默认tab样式工程
ionic platform add android@3.6.4 可以不指定sdk版本,默认最新的。#官网相关资料:http://cordova.apache.org/docs/en/latest/reference/cordova-cli/index.html#syntax
ionic build android 编译成android工程
ionic run android 链接手机 直接build 并且安装到手机
npm update -g cordova ionic 更新cordova及ionic包
ionic lib update 更新已建ionic项目中的js类库
~~~
## Ionic参考网址
On iOS works excellent.
On Android you can improve the performance if is required using [Crosswalk](https://crosswalk-project.org/) or [Cocoon](https://cocoon.io/).
http://codepen.io/jdnichollsc/
http://market.ionic.io/starters/ionic-starter-template
https://github.com/jdnichollsc/Ionic-Starter-Template
http://sqlitebrowser.org/
http://blog.csdn.net/zapzqc/article/details/41802453/
http://www.cnblogs.com/rdst/p/4699083.html
http://www.phonegap100.com/article-486-1.html
[教大家如何修改ionic中android程序的包名](http://blog.csdn.net/xuweilinjijis/article/details/51980737)
[在 iOS创建 第一个Cordova 项目](http://blog.csdn.net/kangguang/article/details/51249398)
[使用Cordova进行iOS开发](http://www.jianshu.com/p/e982b9a85ae8)
- 前言
- 中文字体
- 移动Web适配方案
- !移动Web基础!
- 详解适配相关概念
- 移动开发之设计稿
- 移动适配方案(一)
- 移动适配方案(二)
- vw+rem 实现移动端布局
- 移动端适配之雪碧图(sprite)背景图片定位
- 适配 iPhoneX
- 前端开发实战
- 打造自己的前端开发流程(Gulp)
- flexible.js案例讲解
- viewport 与 flexible.js解读
- 图片与字体
- 踩过的坑
- 浏览器默认样式
- 300ms点击延迟和点击穿透
- ios css
- CSS 常见问题
- Ionic v1混合开发
- Native App、Web App 、Hybrid App?
- ionic项目结构
- 混淆加密
- 解决问题
- cordova
- 环境配置
- 打包发布
- 问题
- 移动前端开发优化
- Web开发之抓包
- ===web移动开发资源===
- H5组件框架
- 调试集合
- 简单h5调试
- whistle
- devtools-pro