杨采臣-CSDN博客

原创微信小程序：全局变量和本地存储什么时候用那个

本篇仅仅算是个人总结,,,相信还有更好的方法1.本地存储(小程序中的本地存储有同步的)用户信息、账号(用户登录后的一些基本信息)2.全局变量一些可能涉及安全类的【例】：资源类的，每次需要很准确的，用全局变量

2017-09-08 17:03:33 8499 1

原创 ionic3 BUG记录(还有另外一篇针对IOS的)

记录一下在使用ionic3过程中遇到的问题(有些可能不详细)(还有另外一篇针对IOS的)http://blog.csdn.net/qq_28765817/article/details/775510691.使用自定义的模态框(ModalController)的时候，不要在自定义模态框内直接 push 页面，会导致左滑返回和ios顶部出现异常。2.相机插件默认底部的提示文字是英文(Ge

2017-09-02 20:19:42 2775

原创 ionic3 IOS真机测试BUG记录(持续更新中...)

1.ios默认没有键盘的取消按键需要使用到cordova键盘插件。【例】this.keyboard.hideKeyboardAccessoryBar(false); //使用下一个，上一个和完成按钮隐藏键盘附件栏。2.ios端div(非button和)点击事件有300ms左右延迟，需在有click事件的地方加上 tappable 属性。【例】tappable (click

2017-08-25 09:31:55 2282 2

原创 ionic2/3 页面默认滚动到底部

两种方法：方法1体验不是很好,200毫秒的延迟视觉上可以看出来方法2异步的请求有时候不能及时响应(可以请求第一次后存入本地存储里面),经过测试虽然ionic3 中本地存储也是异步的，但是毫无延迟(可能是比较快)推荐1+2一起使用1.使用 content 组件的 scrollToBottom() 方法,可以封装成函数使用：//页面滚动到底部 scro

2017-08-11 16:16:09 3524 3

原创极光IM cordova插件 jmessage-phonegap-plugin 各版本更新日志

https://github.com/jpush/jmessage-phonegap-plugin/releases?after=v2.4.4点击链接查看即可。(记录了每一次更新的SDK和API文档)（真是特别难找.. ...终于找到了）

2017-08-10 10:33:50 1938

原创 ionic3 使用--prod时间过长问题解决(完美解决)

如果环境正常的话(我一共也有三四十个页面吧)，就算使用--prod对代码进行压缩打包也不会出现缓慢的情况(ionic build android --prod)，时间也就顶多会比平时不加--prod的情况多个20s左右，异常情况（打包2000s以上），这个时间有一个重要文件要检查一下，看看是不是和我列出来的一样：主文件目录下面 src—theme—variables.scss(就是这个文件，不

2017-07-27 11:45:23 6579

原创 ionic3("ionic-angular": "3.1.1")创建页面失败

本地代码迁移升级后输入 ionic g page NewPage 创建页面失败通过文件对比发现是主目录下 ionic.config.json有问题少了两行代码，一下这样的可以的{ "name": "ionic2-app-base", "app_id": "", "typescript": true,//关键是这个 "v2": true//关键是这个}

2017-07-27 11:37:29 690

原创 ion-multi-picker placeholder默认值

ionic2中的ion-multi-picker 单级/多级选择插件官方没有提供选默认值placeholder设置的方法，项目中实现方式不是用的 placeholder 值实现，实现方式是：在的父级模块下面放置一个div （给该div加上pointer-events:none;css属性，高度0，浮动到上面，大概是穿透改div的意思，然后div的 ngIf 绑定选择器的值，ok）；

2017-06-06 16:12:14 2305

原创 ionic 版本更新日志

链接地址：https://github.com/ionic-team/ionic/blob/master/CHANGELOG.md#steps-to-upgrade主要内容（例）：3.3.0 (2017-05-24)Steps to Upgradeionic-angular now supports the latest @angular (4.1.2),

2017-05-31 11:23:13 2735

原创 ionic3/2 使用modal自定义弹出框

因为系统默认给的alerts和Action Sheets 样式不容易更改为自定义想要的样子 (特别是想加个按钮，加个大文本框)所以，使用modal组件代替自定义弹出框（modal组件带的有成功、失败回调函数、应用方便）。主要注意的地方就是在html中不要使用和等系统模块，因为需要把背景变成透明的，制造出和系统的alert一样的效果。

2017-05-16 18:13:46 7898 3

原创 ionic3/ionic2 新建页面

使用CLI命令 ionic g page NewPage成功后会对应的在page文件夹中生成一个新文件夹 new-page 对应四个 new-page.html（html模板）、new-page.module.ts（ionic3中懒加载文件）、new-page.scss（样式）、new-page.ts（控制器）这种生成后的页面不需要在app.module.ts中引用（懒加载模

2017-05-16 18:07:35 6041 5

原创 ionic3 地区选择器

以前看ionic2文档的时候在网上搜索发现了一款某大神开发的地区选择插件，并且支持联动升级ionic3后本来害怕不支持3，又看了文档发现这位大神紧跟官方文档实时更新。。敬佩。。。并且这款插件使用非常简单。和官方提供的原生组件类似。原文地址链接：https://github.com/raychenfj/ion-multi-picker演示查看现场演示：http

2017-04-25 16:01:59 10983 4

原创 ionic3 双击退出

修改后的版本

2017-04-24 14:59:07 3040 3

原创 ionic2/ionic3 启动慢问题解决（apk包也变小了）

打包的时候以前是 ionic build android 改为 ionic build android --prod 注意：打包过程是一个压缩过程，可能有些慢，我的电脑输出时间 build prod finished in 2532.98 s ，2532.98秒....虽然有些慢，但是效果还是棒棒的，首先是启动速度快了，从以前的5S左右变成 2S左右，然后压缩包大小从 3

2017-04-21 13:37:41 3213

原创 ionic3/ionic2 配置用ios/android样式

官方链接 http://ionicframework.com/docs/api/config/Config/ 在config里有详细介绍比如全局都用ios样式在 app.module.ts — imports 里加上：IonicModule.forRoot(MyApp,{ iconMode:'ios',// 在整个应用程序中为所有图标使用的模式。可用选项："ios"，

2017-04-20 16:38:17 2695 1

原创 ionic2 tabs hover/active/按压样式

ionic2中的tabs导航和 ionic1相比细心的话会发现那个hover的过渡样式没了，经过一番审查元素发现，只要是用官方给的有点击效果的组件/元素，ionic默认都会在触发hover效果的时候，给该元素添加上 .activated样式所以解决方法如下：.tab-button.activated .tab-button-icon{ color:#666;}在样式里面追

2017-04-10 15:55:26 1873

原创 ionic 状态栏设置 android、ios差异

首先使用到的对象是:ionic.Platform 关于此对象的详细解释请直接查看官方文档（可以使用谷歌浏览器自带的翻译功能查看）：http://ionicframework.com/docs/api/utility/ionic.Platform/主要涉及到其中的两个该对象的方法：1.showStatusBar(shouldShow) 显示或隐藏设备状态栏（在Cordova中）

2017-03-30 15:23:35 5031

原创 ionic iframe后退 iframe调用ionic代码

一.ionic中控制iframe框架内页面的返回。在ionic的后退按键操作里把原有的默认返回【可能是$ionicHistory.goBack();或$rootScope.$ionicGoBack();（这两种返回方式只能返回在ionic路由中定义的地址，响应不到嵌套的iframe里面的返回操作）】替换为【navigator.app.backHistory();或window.histor

2017-03-24 09:14:48 2101

原创 ionic 打开外部页面的三种方式（已知）

一.iframe注意事项：1.iframe的src属性用ng-src属性替代，并指明绑定对象：ng-src="{{targetUrl}}"2.在controller里，调用$sce: $scope.targetUrl = $sce.trustAsResourceUrl(url);缺点：交互不友好，引入的外部链接页面和ionic框架自身产生的冲突太多。二.cord

2017-03-21 16:20:46 14771

原创 ionic 初始化plugin插件

ionic platform add/remove xxx 以及 ionic plugin add/remove xxx 的时候，Ionic CLI 都在 package.json 中保存了项目的状态。clone 完后可以使用 ionic state restore 命令快速恢复;(平时使用cordova plugin add/remove xxx的时候 Ionic CLI命令行可能不

2017-03-15 10:51:03 747

原创 ionic ios 闪屏(页面中设置的默认隐藏元素先跳出来一下)

经过测试ios端使用ng-show的时候可能会先把该块加载出来，然后再隐藏，过程中会有一点延迟，所以使用ng-show的时候经常会出现闪屏；解决办法：1.假如这个模块未静态数据，可以直接使用ng-if代替ng-show；2.假如这个模块内包含动态数据（比如出现ng-model需要动态控制页面），可以使用ng-show，但需要再手动给该模块添加style=“display:none”具体

2017-03-14 18:40:23 2059

原创 ionic refreshing-icon的值

在做ionic项目过程中，想替换下拉刷新的图标，最终找到的说法是“官方推荐使用spinner属性替换refreshing-icon;最初没明白什么意思，最终经过测试原来很简单：改成这样既可。spinner里面的值可以直接使用ionic提供的icon图标。

2017-03-14 18:08:38 711

原创 ionic 滑动块 ion-slide-box 左右无缝滚动

看官网教程也没有名称说明，最终通过查阅资料在属性中添加 auto-play="true" 可以实现左右无缝滚动

2017-03-14 17:50:06 2111

杨采臣的官方博客