- 博客(80)
- 收藏
- 关注
RSS订阅原创 React中Handsontable汉化配置
是一款功能强大的 JS Excel 表格库，这里不再过多介绍，支持Angular、Vue2/Vue3、ReactReact中。
2022-10-27 14:08:47
1791
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
7705
原创 极光推送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
4645
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
1158
1
原创 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
2768
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
1569
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
1375
原创 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
2023
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
1673
原创 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
675
原创 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
1194
原创 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
22972
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
1355
3
原创 Ionic4/5设置沉浸式状态栏之后，键盘弹出挡住输入框问题解决办法
在Android中，如设置沉浸式，键盘弹出便就将输入框内容挡住，很不友好，下面附上我自己的解决思路，键盘弹出的时候，给ion-content设置键盘的高度paddingBottom, 然后使ion-content组件滚动到对应的输入框位置：建立一个指令组件，以指令的方式在输入框中使用import { Platform } from '@ionic/angular';@Directive(...
2020-03-28 17:38:09
4458
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
12041
15
原创 Ionic4: Cannot read property 'loadChildren' of null
如果你在导出路由表的时候使用了“export default XX”，就会报这个错误，需要将“default”去掉，直接“export XX”
2020-01-17 17:13:12
757
原创 Ionic4使用crosswalk-webview内核
官方已经不再继续维护crosswalk，而且官方版本对于Ionic4也有兼容问题，无法使用，找了好久，才找到一位大佬写的适用于Ionic4 的crosswalk:cordova-plugin-ionic4-crosswalk-webview使用方式按照作者的ReadMe来就行，向作者致敬！！！！...
2019-11-28 18:54:31
1145
原创 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
3329
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
909
原创 Ionic4设置沉浸式状态栏
设置沉浸式状态栏体验比较好，而且有些页面设计需要频繁的改变状态栏的颜色，如果不使用沉浸式，就需要页面离开和进入单独设置状态栏背景色，这就导致会有一个非常明显的过度问题，但是使用沉浸式就可以避免这个问题，因为沉浸式状态下状态栏是透明的，只需要设置ion-header的背景色就可以了。app.component.ts中设置：this.statusBar.styleLightContent(); /...
2019-11-23 13:20:43
1631
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
415
原创 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
1043
原创 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
3331
1
转载 npm i -g ios-deploy 安装失败的解决办法
mac环境下安装ios-deploy的时候报错npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! [email protected] preinstall: ./src/scripts/check_reqs.js && xcodebuild解决方案：1.网上方案：sudo npm install -g ios-deploy --...
2019-09-27 17:32:34
1391
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
657
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
2420
原创 vue使用Framework7记录(一)：基础配置
接触Framework7有一段时间了，感觉就一个字：赞，爽。对比于Vue其他的手机端UI框架，Framework7的体验堪比原生，F7自带了路由系统，所以跳转页面什么的用F7的即可，会用VueRouter就会用F7Router。但是使用过程中，坑也是踩过不少，会陆续在后面的博客中记录。先记上Framework7的官方文档地址：https://framework7.io/我用的vue-cli3搭...
2019-06-04 15:16:42
6087
19
原创 vue使用畅言评论
之前还在使用html编写代码的时候，就已经使用过畅言评论了，总体感觉还好，毕竟那时候是免费的，不能要求太高不是，现在一直在用vue开发项目，发现百度上并没有vue使用畅言的例子，于是就有了这篇博文，希望可以帮助到其他人。首先写一个vue原型方法，用来动态加载外部script。Vue.prototype.$loadScript = (url, callback) => { le...
2019-02-28 14:32:05
1216
2
原创 ionic4 cordova platform add android安装出错
升级ionic4后，添加安卓平台出错：百度一番找到解决办法：ionic cordova prepare android --nofetch在后面加上“–nofetch”就完美添加安卓平台了
2018-12-18 17:06:51
1804
原创 Vue登录成功后跳转到之前的页面
很多时候，项目有些页面需要用户进行登录才可以继续进行操作，，登录完之后就需要跳转到用户登录之前想去的那个页面，这个实现比较简单：使用axios进行http请求，进行拦截：axios.interceptors.response.use( res => { //对响应数据做些事 if (res.data.code === -1) { // 这里根据自己接口返回状态进行判...
2018-11-27 13:48:01
10927
8
原创 vue项目css设置position: fixed无效
想要屏幕滚动到广告位置，固定，设置了fixed定位，然而却不生效，以前没有出现过这样的情况，百度一查，，，原来我在路由出口的div设置了动画，用到了transform属性，导致position: fixed失效，，将transform去掉之后，就可以了。总结： 遇到position: fixed失效情况，不妨检查一下，祖先元素是否设置了transform，将其去掉就可以了。...
2018-11-03 20:07:16
9736
原创 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
9484
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
5321
原创 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
27628
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
2947
原创 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
6073
1
原创 Vue使用axios取消上一次请求
项目需求：列表式切换商品，有时候上一次请求的结果非常慢，而我又点了另外一个商品，这时候第二次请求的接口比上一次快，那么就点击第二次的商品看到的信息却是上一次的商品信息，这样的用户体验极其不好； 解决方案：在点击下一个商品的时候，将上一个商品请求的接口中断取消请求。 axios官网给出了取消请求的方法：方法一：axios.get('/user/12345', { cancelToken...
2018-07-31 15:52:24
9462
原创 关于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
23392
2
原创 最新版webstorm 2018破解方法
之前我网上搜到了一个技术群，群主会不定时更新最新版WebStorm的破解码，下面提供群号码供有需要的道友进群下载，首先声明，不带任何利益目的，也不是骗子。进群要支付几元钱入群费用，相信几块钱对于大家来说都是小Case.群号码： 377131934...
2018-05-09 17:45:42
821
原创 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
719
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人