小试 ionic

被纠结 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);

执行时,会有提示

 

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注