ionic3开发遇到的一些问题及解决方法

两年前,第一家公司用过ionic1开发过APP,当时对ionic1了解的不是很熟,今年公司重写APP更换技术框架为ionic3,配合ng4的开发,重新接触ionic app开发后,个人感觉开发上效率比较高,日后有时间会深入研究。下边是APP重写时遇到的一些问题总结。

不能使用组件名称作为条件判断依据

为了实现token失效或超时登录,接口拦截请求跳转登录页面,起初我用了组件名称LoginPage作为判断,因为首页请求三个接口,进入首页的时候,三次请求都会判断为token失效,都会跳转登录页面,如果不做当前是否为登录页面判断,都跳转登录页面的话,会出现三次登录页面的重复跳转。

最开始代码为:代码片段1

1
2
3
4
5
6
7
8
//登录失效,自动跳转登录页面
if (json["code"] === -9999) {
let curActiveView = this.nav.getActive();
//根据登录页面组件名称为LoginPage判断
if (curActiveView && curActiveView.component.name!=='LoginPage') {
this.nav.push(LoginPage);
}
}

继续阅读全文 »

ionic3之自定义tabs菜单图标

ionic的tabs组件默认图标更换方式可以通过自定义图标样式来替换。自定义图标可以是图标字体库,也可以是png图标等。

在tabs.scss文件(组件作用域),或者全局app.scss覆盖都行。下边是菜单覆盖代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
page-tabs {
.ion-tab-icon-base {
width: 32px !important;
height: 32px !important;
padding: 4px 4px 2px;
}
.ion-tab-icon-md-base {
min-width: 0 !important;
height: 32px;
}
$tabImageName: 'home' 'task' 'master' 'my';
@for $i from 1 to 5 {
//for ios
.ion-ios-tab-#{nth($tabImageName, $i)} {
@extend .ion-tab-icon-base;
content: url("../../assets/ui/tabs/icon_#{nth($tabImageName, $i)}_on.png");
}
.ion-ios-tab-#{nth($tabImageName, $i)}-outline {
@extend .ion-tab-icon-base;
content: url("../../assets/ui/tabs/icon_#{nth($tabImageName, $i)}_off.png");
}
// for android
.tabs-md .tab-button[aria-selected=true] {
.ion-md-tab-#{nth($tabImageName, $i)} {
@extend .ion-tab-icon-md-base;
content: url("../../assets/ui/tabs/icon_#{nth($tabImageName, $i)}_on.png");
}
}
.tabs-md .tab-button[aria-selected=false] {
.ion-md-tab-#{nth($tabImageName, $i)} {
@extend .ion-tab-icon-md-base;
content: url("../../assets/ui/tabs/icon_#{nth($tabImageName, $i)}_off.png");
}
}
}
.ion-ios-tab-task,.ion-ios-tab-task-outline,.ion-ios-tab-master,.ion-ios-tab-master-outline{
width: 30px !important;
height: 32px !important;
}
}

继续阅读全文 »

Hexo博客畅言评论插件试用

深夜试了一下畅言评论插件,对Hexo博客主题Cafe做了扩展,初略体验了一下,确实很不错。

评论插件社交化

畅言评论插件支持手机号,微信,微博,QQ登录,是国内主流社交平台,使用方便,更容易引流。相比网易云跟帖,只能网易账号登录就略坑了。

界面美观+个人主页

自适应网站界面,并能定制评论界面演示和文字提示等,还有盖章贴图,可以进入个人畅言中心

测试

限制约束

使用畅言必须要做的是一件事——域名备案,不然只能体验15天。本人的giscafer.com域名没有备案,历史原因。因个人域名gis520.com在陕西备案了,占用了主体信息(每个人只能有一个域名主体信息),目前人在广州,如果要陕西主题信息备案域名比较麻烦,目前先不考虑。

——<完>——

如果你也喜欢Cafe主题,欢迎使用并提建议改善。https://github.com/giscafer/hexo-theme-cafe/

从GISer到互联网前端工程师,JUST DO IT

本文首发于个人博客与个人微信公众号

更多经验分享欢迎围观本人 Live「从 giser 到前端开发经理之路」

我与GIS的结缘

2010年,我考上了西北农林科技大学,原第一志愿是机械相关的专业,服从调剂后,就被调配到了资环学院的地理信息系统专业,当时我是完全不知道地理信息系统是干什么的,更不清楚毕业能做什么工作,查了百科,专业的介绍更加懵逼了。

大一也没学什么专业课,尴尬的是回家,亲朋好友问所学专业,只能说是画地图的,后来学习遥感后,就说做遥感、GPS导航的。然后村里的老大爷听到就纷纷点头说,高科技啊,有前途!

一直到上大三,我才真正知道GIS毕业能做什么工作,大概有这么个方向:GIS相关软件使用相关岗位(包括数据处理,技术支持)、销售岗位(卖软件或者其他影像销售)、遥感相关从业技术人员(国内只有国企、事业单位)、测绘相关、IT方向;

继续阅读全文 »