3 zhuxiandan

尚未进行身份认证

技术牛养成中

等级
TA的排名 4w+

Ionic4/5设置沉浸式状态栏之后,键盘弹出挡住输入框问题解决办法

在Android中,如设置沉浸式,键盘弹出便就将输入框内容挡住,很不友好,下面附上我自己的解决思路,键盘弹出的时候,给ion-content设置键盘的高度paddingBottom, 然后使ion-content组件滚动到对应的输入框位置:建立一个指令组件,以指令的方式在输入框中使用import { Platform } from '@ionic/angular';@Directive(...

2020-03-28 17:38:09

VScode格式化HTML代码保持标签属性不换行

点开设置,设置页面点开“拓展”,找到“Vetur”,右侧点击“在setting.json中编辑”,加入以下配置就好了:"vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { ...

2020-02-27 09:35:36

Ionic4: Cannot read property 'loadChildren' of null

如果你在导出路由表的时候使用了“export default XX”,就会报这个错误,需要将“default”去掉,直接“export XX”

2020-01-17 17:13:12

Ionic4使用crosswalk-webview内核

官方已经不再继续维护crosswalk,而且官方版本对于Ionic4也有兼容问题,无法使用,找了好久,才找到一位大佬写的适用于Ionic4 的crosswalk:cordova-plugin-ionic4-crosswalk-webview使用方式按照作者的ReadMe来就行,向作者致敬!!!!...

2019-11-28 18:54:31

Ionic4 使用cordova-plugin-qrscanner扫描二维码、条形码

cordova-plugin-qrscanner可以高度定制扫码页面UI,相比于phonegap-plugin-barcodescanner来说,速度也快,新建扫码页面qr-scanner:html:<ion-header> <ion-toolbar class="scanner"> <ion-buttons slot="start"> ...

2019-11-28 18:32:23

解决cordova-plugin-media-capture在IOS13上获取视频路径出错的BUG

找到文件:plugins/cordova-plugin-media-capture/src/ios/CDVcamera.m 第514行:NSString* moviePath = [[info objectForKey:UIImagePickerControllerMediaURL] absoluteString];return [CDVPluginResult resultWithStatu...

2019-11-28 18:17:31

Ionic4设置沉浸式状态栏

设置沉浸式状态栏体验比较好,而且有些页面设计需要频繁的改变状态栏的颜色,如果不使用沉浸式,就需要页面离开和进入单独设置状态栏背景色,这就导致会有一个非常明显的过度问题,但是使用沉浸式就可以避免这个问题,因为沉浸式状态下状态栏是透明的,只需要设置ion-header的背景色就可以了。app.component.ts中设置:this.statusBar.styleLightContent(); /...

2019-11-23 13:20:43

Ionic4 Popover组件用在ion-header上,在Android6中无法显示主体内容解决办法

最近在用Ionic4做项目,用到了popover组件,发现Android6环境中,在ion-content中使用没问题,但是如果在ion-header组件中使用就有问题了,如图,主体内容显示不了:但是在ion-content中使用确实能显示:于是用谷歌真机调试一番:得到解决方法:重新设置ion-page的z-index值。// ion-page.ion-page{ // 解决在An...

2019-11-21 11:09:57

Angular8 集成Meditor.md, 出色的markdown编辑器

Editor.md的官方地址:http://editor.md.ipandao.com/我试过使用npm安装,以及使用“import”语法引进资源文件,但是没有成功,始终报“editormd is undefined”的错误,无奈,只能将资源先下载下来,然后本地引入。1:将资源包下载好,放入assets文件夹里面2. 该编辑器是依赖于Jquery的,所以也需要将Jquery下载好,放进as...

2019-10-18 17:19:35

Can't bind to 'formGroup' since it isn't a known property of 'form'

用Angular使用ng-zorro-antd组件库时,按需引入的Form组件,按需导入后,控制台出现这个错误,解决方法:在module中引入“ReactiveFormsModule”即可解决。import { FormsModule, ReactiveFormsModule } from '@angular/forms';@NgModule({ ... imports: [ ...

2019-10-18 09:32:43

npm i -g ios-deploy 安装失败的解决办法

mac环境下安装ios-deploy的时候报错npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! ios-deploy@1.9.4 preinstall: ./src/scripts/check_reqs.js && xcodebuild解决方案:1.网上方案:sudo npm install -g ios-deploy --...

2019-09-27 17:30:32

ionic4 自定义tabbar图标

<ion-tabs> <ion-tab-bar slot="bottom" class="tabbar"> <ion-tab-button tab="home" class="tab-button"> <ion-icon name="" class="icon-home"></ion-icon> &l...

2019-08-22 10:22:09

Framework7在LoginScreen组件中无法使用this.$f7router.navigate()跳转页面解决方法

如果使用了F7的LoginScreen组件调出登录页面,那么在LoginScreen中是无法使用js来跳转页面的,但是可以使用f7-link组件的href属性值进行页面跳转,那么仅仅是这样往往无法满足业务需求,有些页面的跳转须在接口数据返回后进行跳转,为了能用JS来控制页面跳转,可以使用JS的模拟点击a标签来实现,(f7-link渲染出来的实际上就是a标签),在html中写上一个f7-link...

2019-06-11 19:18:54

vue使用Framework7记录(一):基础配置

接触Framework7有一段时间了,感觉就一个字:赞,爽。对比于Vue其他的手机端UI框架,Framework7的体验堪比原生,F7自带了路由系统,所以跳转页面什么的用F7的即可,会用VueRouter就会用F7Router。但是使用过程中,坑也是踩过不少,会陆续在后面的博客中记录。先记上Framework7的官方文档地址:https://framework7.io/我用的vue-cli3搭...

2019-06-04 15:16:42

vue使用畅言评论

之前还在使用html编写代码的时候,就已经使用过畅言评论了,总体感觉还好,毕竟那时候是免费的,不能要求太高不是,现在一直在用vue开发项目,发现百度上并没有vue使用畅言的例子,于是就有了这篇博文,希望可以帮助到其他人。首先写一个vue原型方法,用来动态加载外部script。Vue.prototype.$loadScript = (url, callback) => { le...

2019-02-28 14:32:05

2018最新版WebStorm永久破解方法

前几个月在淘宝上刚买的激活码就已经失效了,好气哦,决定弄一下破解,亲测有效:1:下载破解包,地址:https://pan.baidu.com/s/1YFPJfOP6HPzvJx2pgAidTQ提取码:y9e7将破解包放在你认为电脑合适的位置。2:如果你能够进去webStorm,首先,点击Help:2.点击“EditCustomVmOptions”:3.如果没有,webs...

2018-12-25 13:21:12

ionic4 cordova platform add android安装出错

升级ionic4后,添加安卓平台出错:百度一番找到解决办法:ionic cordova prepare android --nofetch在后面加上“–nofetch”就完美添加安卓平台了

2018-12-18 17:06:51

Vue登录成功后跳转到之前的页面

很多时候,项目有些页面需要用户进行登录才可以继续进行操作,,登录完之后就需要跳转到用户登录之前想去的那个页面,这个实现比较简单:使用axios进行http请求,进行拦截:axios.interceptors.response.use( res => { //对响应数据做些事 if (res.data.code === -1) { // 这里根据自己接口返回状态进行判...

2018-11-27 13:48:01

vue项目css设置position: fixed无效

想要屏幕滚动到广告位置,固定,设置了fixed定位,然而却不生效,以前没有出现过这样的情况,百度一查,,,原来我在路由出口的div设置了动画,用到了transform属性,导致position: fixed失效,,将transform去掉之后,就可以了。总结: 遇到position: fixed失效情况,不妨检查一下,祖先元素是否设置了transform,将其去掉就可以了。...

2018-11-03 20:07:16

vue+typescript封装axios,实现取消重复请求

vue-cli3可以直接生成vue+typescript项目,然后对axios进行封装,实现拦截多次重复请求,并取消。直接撸代码(也是借鉴网上的,做了修改)在根目录下新建axios.tool.ts文件import Vue from 'vue';import router from './router';import axios from 'axios';import qs from...

2018-11-03 18:32:40

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。