被纠结 jquery mobile 写的东西不好看,有极其轻微的闪动。然后跑来研究这个了..
起步
更新安装慢的,需要修改下nodejs镜像站
http://cnpmjs.org/
$ npm install -g cnpm --registry=https://r.cnpmjs.org
http://www.ionicframework.com/getting-started/
异常:
ionic build android error when download gradle
修复:
http://stackoverflow.com/questions/29874564/ionic-build-android-error-when-download-gradle
实例:
http://codepen.io/ionic/
文档:
http://www.ionicframework.com/docs/
小结:看似强大,但是相对问题也不少,罗列下
一、样式不是完全统一的,需要针对ios和android单独进行特殊调整。如在浏览器和ios里打开页面。tab 是在底部的,在android里,tab飘到顶部,需要进行特殊处理.
http://ionicframework.com/docs/api/provider/$ionicConfigProvider/
angular.module('ionicApp', [ 'ionic' ]).config( function($ionicConfigProvider) { //初始化函数 //禁用缓存. $ionicConfigProvider.views.maxCache(0); //需要特殊设置安卓样式控制 $ionicConfigProvider.platform.android.tabs.style('standard'); $ionicConfigProvider.platform.android.tabs.position('standard'); $ionicConfigProvider.platform.android.navBar.alignTitle('center'); // note that you can also chain configs $ionicConfigProvider.backButton.text('Go Back').icon( 'ion-chevron-left'); })
安提示生成的demo,tab有问题,但是手动编写时。。没有问题。。。原因有待研究。
phonegap 3.0 以上版本需要通过插件进行缓存清理,不支持webview.getSettings 这种处理方式.
补充js清理神句…
location.reload(true);
执行时,会有提示