- 博客(80)
- 收藏
- 关注
原创 React中Handsontable汉化配置
是一款功能强大的 JS Excel 表格库,这里不再过多介绍,支持Angular、Vue2/Vue3、ReactReact中。
2022-10-27 14:08:47
1908
1
原创 Vue3 setup 在渲染函数中通过ref访问Dom元素
Vue3.0 中新增了Composition API , 在使用h函数渲染vnode时,如果需要使用ref, 和 vue2.0中有所不同。先来看在 Vue3 如何在模版语法中使用ref(options语法中获取ref和2.0版本语法无差异)<template> <div ref="divRef">ref demo</div></template><script>import { ref, onMounted } from "vue";
2021-04-30 11:08:42
7901
原创 极光推送Cordova插件适配Capacitor
极光推送官方提供的Cordova插件目前无法适配Capacitor电容器平台进行开发,之前问了官方什么时候会考虑适配,官方的回答是暂不做开发安排,需要调研,这对于想使用Capacitor进行开发的同学来说不太友好,Google了一番,发现有一个GitHub已经对此做了适配,于是Fork了一份整理了下,附上使用文档。原GitHub传送门:https://github.com/netsesame2/cordova-plugin-jpushCapacitor 使用 npm 安装:npm i cordova-p
2020-11-02 11:26:09
4765
8
原创 Flutter 设置 IOS启动页延迟3秒关闭
找到 IOS 工程目录下的 AppDelegate.swiftimport UIKitimport Flutter@UIApplicationMain@objc class AppDelegate: FlutterAppDelegate { override func application( _ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.Lau
2020-09-15 11:14:46
1207
2
原创 MacOS 无法ping 通 github.com 解决方案
MAC IOS项目要执行 pod install , 发现一直卡在下载插件过程,终端 ping github.com 一值报连接超时,网上搜了一大堆映射github.com的IP地址, 都没用,遂找到了一个查询IP的网站:https://github.com.ipaddress.com/查找出Github.com最新的IP地址为:140.82.114.4打开终端,运行: sudo vim /private/etc/hosts按 i 进入编辑模式末尾加入以下映射域名:140.82.114.4
2020-09-15 11:02:56
2954
2
原创 ionic5 上传图片,并附加裁剪功能
ionic上传图片总共分3个步骤:(1)通过插件选取图片,或者调用手机相机拍摄然后获取图片(2)将获取到的图片进行编辑,裁剪(3)将裁剪后的图片利用ajax上传至服务器获取图片通过 cordova-plugin-camera 插件,可进行拍照,或是从图库中选择图片ionic cordova plugin add cordova-plugin-cameranpm install @ionic-native/cameraimport { Camera, CameraOptions } fr
2020-07-19 20:20:58
1597
6
原创 Error Permission denied when running brew cleanup
在Mac运行 “brew cleanup ” 命令时,提示以下错误:==> `brew cleanup` has not been run in 30 days, running now...Pruned 0 symbolic links and 9 directories from /usr/localError: Permission denied @ apply2files - /usr/local/lib/node_modules/cordova/node_modules/extglob
2020-06-20 19:06:19
1481
原创 ionic ITMS-90809: Deprecated API Usage - New apps that use UIWebView are no longer accepted
最近使用ionic5开发的APP需要上架APPStore,打包之后,上传至App Store Connect , 但是构建版本中没有出现我刚刚上传的应用包,随后查看邮件,发现现在苹果已经不允许应用中调用UIWebView了,要全部转为WKWebView,邮件内容如下:对于此情况,ionic官方已给出了解决方案:https://ionicframework.com/blog/understanding-itms-90809-uiwebview-api-deprecation/如果你是Cordova开发的
2020-05-31 19:05:18
2052
1
原创 macos 使用svn报错
Mac os在用svn检出项目时报错:can't locate SVN/Core.pm in @INC (you may need to install the SVN::Core module) (@INC contains: /usr/local/git/lib/perl5/site_perl/5.18.2/darwin-thread-multi-2level /usr/local/git/lib/perl5/site_perl/5.18.2 /usr/local/git/lib/perl5/site
2020-05-22 12:07:34
1783
原创 Flutter底部Tabbar组件使用
APP都少不了底部tabbar导航,Flutter也提供了对应组件,上代码:TabsPage.dart:import 'package:flutter/material.dart';import 'package:flutter_screenutil/flutter_screenutil.dart';import 'package:flutter_svg/flutter_svg.dart'...
2020-04-29 09:57:10
708
原创 Flutter设置沉浸式状态栏
在main.dart中main函数中书写:import 'dart:io';import 'package:flutter/material.dart';import 'package:flutter/services.dart';void main() { // 沉浸式开始 if (Platform.isAndroid) { SystemUiOverlayStyle sy...
2020-04-29 09:46:46
1218
原创 uni-app微信小程序scroll-view自定义下拉刷新
如果你需要自定义下拉刷新,那么使用page级别的下拉刷新是无法定制样式的,微信提供了scroll-view来支持用户自定义下拉刷新,先看文档:https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html用uni-app开发,可以封装成vue组件,比较方便:<template> <!...
2020-04-29 09:35:56
24241
11
原创 Flutter安卓设置启动页后短暂黑屏问题
Flutter默认生成的项目是没有设置启动图的,并且打开APP显示主页之前会有短暂的黑屏,手动设置启动页,android/app/src/main/res/drawable/launch_background.xml<?xml version="1.0" encoding="utf-8"?><!-- Modify this file to customize your ...
2020-04-08 13:37:30
1374
3
原创 Ionic4/5设置沉浸式状态栏之后,键盘弹出挡住输入框问题解决办法
在Android中,如设置沉浸式,键盘弹出便就将输入框内容挡住,很不友好,下面附上我自己的解决思路,键盘弹出的时候,给ion-content设置键盘的高度paddingBottom, 然后使ion-content组件滚动到对应的输入框位置:建立一个指令组件,以指令的方式在输入框中使用import { Platform } from '@ionic/angular';@Directive(...
2020-03-28 17:38:09
4494
9
原创 VScode格式化HTML代码保持标签属性不换行
点开设置,设置页面点开“拓展”,找到“Vetur”,右侧点击“在setting.json中编辑”,加入以下配置就好了:"vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { ...
2020-02-27 09:35:36
12139
15
原创 Ionic4: Cannot read property 'loadChildren' of null
如果你在导出路由表的时候使用了“export default XX”,就会报这个错误,需要将“default”去掉,直接“export XX”
2020-01-17 17:13:12
775
原创 Ionic4使用crosswalk-webview内核
官方已经不再继续维护crosswalk,而且官方版本对于Ionic4也有兼容问题,无法使用,找了好久,才找到一位大佬写的适用于Ionic4 的crosswalk:cordova-plugin-ionic4-crosswalk-webview使用方式按照作者的ReadMe来就行,向作者致敬!!!!...
2019-11-28 18:54:31
1175
原创 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
3395
10
原创 解决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
922
原创 Ionic4设置沉浸式状态栏
设置沉浸式状态栏体验比较好,而且有些页面设计需要频繁的改变状态栏的颜色,如果不使用沉浸式,就需要页面离开和进入单独设置状态栏背景色,这就导致会有一个非常明显的过度问题,但是使用沉浸式就可以避免这个问题,因为沉浸式状态下状态栏是透明的,只需要设置ion-header的背景色就可以了。app.component.ts中设置:this.statusBar.styleLightContent(); /...
2019-11-23 13:20:43
1661
6
原创 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
422
原创 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:37:18
1075
原创 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:34:02
3341
1
转载 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:32:34
1420
1
原创 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
682
2
原创 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
2454
原创 vue使用Framework7记录(一):基础配置
接触Framework7有一段时间了,感觉就一个字:赞,爽。对比于Vue其他的手机端UI框架,Framework7的体验堪比原生,F7自带了路由系统,所以跳转页面什么的用F7的即可,会用VueRouter就会用F7Router。但是使用过程中,坑也是踩过不少,会陆续在后面的博客中记录。先记上Framework7的官方文档地址:https://framework7.io/我用的vue-cli3搭...
2019-06-04 15:16:42
6184
19
原创 vue使用畅言评论
之前还在使用html编写代码的时候,就已经使用过畅言评论了,总体感觉还好,毕竟那时候是免费的,不能要求太高不是,现在一直在用vue开发项目,发现百度上并没有vue使用畅言的例子,于是就有了这篇博文,希望可以帮助到其他人。首先写一个vue原型方法,用来动态加载外部script。Vue.prototype.$loadScript = (url, callback) => { le...
2019-02-28 14:32:05
1242
2
原创 ionic4 cordova platform add android安装出错
升级ionic4后,添加安卓平台出错:百度一番找到解决办法:ionic cordova prepare android --nofetch在后面加上“–nofetch”就完美添加安卓平台了
2018-12-18 17:06:51
1816
原创 Vue登录成功后跳转到之前的页面
很多时候,项目有些页面需要用户进行登录才可以继续进行操作,,登录完之后就需要跳转到用户登录之前想去的那个页面,这个实现比较简单:使用axios进行http请求,进行拦截:axios.interceptors.response.use( res => { //对响应数据做些事 if (res.data.code === -1) { // 这里根据自己接口返回状态进行判...
2018-11-27 13:48:01
11026
8
原创 vue项目css设置position: fixed无效
想要屏幕滚动到广告位置,固定,设置了fixed定位,然而却不生效,以前没有出现过这样的情况,百度一查,,,原来我在路由出口的div设置了动画,用到了transform属性,导致position: fixed失效,,将transform去掉之后,就可以了。总结: 遇到position: fixed失效情况,不妨检查一下,祖先元素是否设置了transform,将其去掉就可以了。...
2018-11-03 20:07:16
9801
原创 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
9536
2
原创 vue-cli3使用vue-progressbar
安装vue-progressbaryarn add vue-progressbar --save或者npm i vue-progressbar --save在main.js中引入import VueProgressBar from 'vue-progressbar'Vue.use(VueProgressBar, { color: '#1890ff', // 进度条颜色...
2018-11-02 23:58:43
5388
原创 vue-cli3 使用less
vue脚手架3出来有一段时间了,相比之前2,cli3文件更为简洁了许多,关于webpack的配置文件config,build已经被删除,若是需要进行配置需要自己手动建立一个vue.config.js,在里面可以进行配置,具体参数详见官网:https://cli.vuejs.org/zh/config/#vue-config-js这里着重讲一下vue-cli3如何使用less进行开发,cli3使用...
2018-09-26 11:17:44
27652
6
原创 vue将表格数据导出为Excel
1.npm先安装三个包:npm install file-saver --savenpm install xlsx --savenpm install script-loader --save-dev2.下载两个js文件:链接:[https://pan.baidu.com/s/1X0CCKwnOcv4U9J6unpZNEA](https://pan.baidu.com/s/1X0C...
2018-09-11 17:42:31
2989
原创 vue 使用vue-i18n 国际化,语言切换功能
最近项目中要使用到语言切换这一功能,遂百度一番,发现使用vue-i18n即可以实现项目国际化。 1. 首先安装vue-i18nnpm install vue-i18n2 在main.js里面引用...import VueI18n from 'vue-i18n'Vue.use(VueI18n)3 创建i18n实例import zh from './../static...
2018-08-30 14:06:20
6124
1
原创 Vue使用axios取消上一次请求
项目需求:列表式切换商品,有时候上一次请求的结果非常慢,而我又点了另外一个商品,这时候第二次请求的接口比上一次快,那么就点击第二次的商品看到的信息却是上一次的商品信息,这样的用户体验极其不好; 解决方案:在点击下一个商品的时候,将上一个商品请求的接口中断取消请求。 axios官网给出了取消请求的方法:方法一:axios.get('/user/12345', { cancelToken...
2018-07-31 15:52:24
9542
原创 关于vue项目在Safari浏览器中运行报错:[vue-router] Failed to resolve async component default:ReferenceError
最近开发vue项目,本地在其他浏览器运行时是正常的,可是在Safari浏览器中却报错了;如图 看样子是不能解析es6语法所致;百度一番找到解决方法: 先npm安装: npm install es6-promise --save然后在main.js里加上:require('es6-promise').polyfill();require('es6-promise/auto'...
2018-06-13 14:29:52
23582
2
原创 最新版webstorm 2018破解方法
之前我网上搜到了一个技术群,群主会不定时更新最新版WebStorm的破解码,下面提供群号码供有需要的道友进群下载,首先声明,不带任何利益目的,也不是骗子。进群要支付几元钱入群费用,相信几块钱对于大家来说都是小Case.群号码: 377131934...
2018-05-09 17:45:42
836
原创 Ionic自定义tabbar图标
ionic tabbar 可以使用ionic自带的图标,但是往往我们需要设置成自己ui给的图标。 在assets文件夹下可以创建一个空文件夹来存放图标,也可以放在icon文件夹中, 然后在tabs.scss或者app.scss中加入以下代码:.ion-page { .ion-tab-icon-base { width: 32px !important; height...
2018-05-09 17:34:21
742
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人