![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ionic
大zheng
以大多数人的努力程度之低,根本轮不到拼天赋...
展开
-
ionic页面切换卡顿解决方法
使用ionic开发app的时候,会发现切换页面的动画会卡顿,并不流畅,为了保证用户体验,大部分人会使用禁用动画的方法$ionicConfigProvider.views.transition('no');,但并不是最好的解决思路,cordova提供了native transitions可以让页面切换近乎原型的体验。主要步骤如下:1、npm install ionic-native-transi原创 2016-12-16 01:07:46 · 8392 阅读 · 0 评论 -
ionic通过判定设备来加载对应的css样式
ionic虽说完全兼容android及ios,但在实际应用中我们可能需要为android或ios单独设置css样式,这个时候可以通过cordova去判别当前设备的类型如下if(/iphone/i.test(navigator.userAgent) || /ipad/i.test(navigator.userAgent)){ //ios调整样式 }else{ //androi原创 2016-12-20 19:08:00 · 2339 阅读 · 0 评论 -
关于ion-nav-bar标签对页面切换的影响
第一次使用ionic时,由于没有去看官方文档,直接修改官方提供的例子,首页index.html配置如下:原创 2016-12-20 18:52:27 · 973 阅读 · 0 评论 -
ionic在ios侧滑页面空白
本人在ios10左右滑动的时候,经常出现左滑页面后退,然后整个页面空白现象,只能强行退出,并重新登录,最简单的方法就是禁用侧滑后退这个功能;在app.js上config增加如下:$ionicConfigProvider.views.swipeBackEnabled(false);警用视图滑动后退原创 2016-12-20 17:34:41 · 1503 阅读 · 1 评论 -
cordova连续打开两次相机解决方法
在使用拍照功能的时候会出现打开相机,拍完照,点击确定,结果又自动重新打开相机,我的解决方法是加入$cordovaToast这个方法,代码如下$cordovaToast.showShortCenter('正在打开摄像头...').then(function(success) { $cordovaBarcodeScanner.scan().then(function (result) {原创 2016-12-18 02:39:57 · 1381 阅读 · 0 评论 -
angular提交表单http写法
提交带参数的数据httpPost: function (data, url) { var deferred = $q.defer(); $http({ method: 'POST', url: url, headers: {'Content-Type': 'application/x-www-form-urlencoded'},原创 2016-12-18 00:44:15 · 2462 阅读 · 0 评论 -
ionic—cordova如何一次上传多张图片(类似input file提交表单)
我们可以通过cordova提供的插件调用摄像头或图库选择需要的图片上传,按cordova官方的方法,每次选择完后就直接上传,这并不符合用户的习惯,最好的用户习惯是用户选择完需要的图片,并可在本地预览,接着用户再次打开摄像头或图库再次选择图片,接着预览,对于不需要的图片删除,最后确定可以后,再一次性上传所有图片。显然这种方式,cordova是不支持,那要如何实现呢,以下是我的方法:通过调用$co原创 2016-12-16 02:15:11 · 4170 阅读 · 1 评论 -
ionic参数传递及临时存储及长期存储的思路
页面数据传递是不可避免的问题,ionic可以通过路由方法来传递数据,在路由配置文件里通过增加params: {'data': null},然后在页面跳转的时候携带参数即可,如$state.go('demo',{data: '参数'}); 这是其中一种思路,也可以通过services.js来临时存储数据,可以仿照Java通用的get/set的方法去存储数据,如我的写法: .service('C原创 2016-12-16 01:39:57 · 1136 阅读 · 0 评论 -
ionic集成Crosswalk内核注意事项及步骤
在低版本安卓系统上,运行ionic cordova打包的app,会出现不流畅的现象,如列表滑动、上滑刷新、页面切换等,最好的办法就是集成crosswalk内核,在性能上会有质的提供,但本人测试的时候发现,在高版本系统上运行,反而流畅度降低了,原因不明,先说下crosswalk配置步骤cordova有专门的插件cordova-plugin-crosswalk-webview,这就不需要用ioni原创 2016-12-16 01:24:57 · 5368 阅读 · 0 评论 -
ionic+cordova基于websocket实现的实时通报提醒功能
app接收后台发出的请求,并通过状态栏提示用户有新的消息,这里首先要解决的就是前后端如何互联,像pc端的应用,一般会采用前端定时请求后台,但如果要app定时去访问后台的话,对用户来说并不友好,这会消耗用户大量的移动流量,移动端最好的方式就是后台主动向app推送信息,h5提供了一种比较好的方式就是websocket,用户打开app后,向后台发出请求,后台相应后,就可以实时向前端推送信息了,而无需ap原创 2016-12-21 00:34:54 · 9416 阅读 · 1 评论