yusha123的博客

原创 flutter dio^5.3.3实现刷新token

业务场景：并发请求A、B、C三个接口，但是这个三个接口都需要携带token才能请求到正确结果，所以我们的正确思维应该是，例如A接口请求到了，但是返回401没有权限，这个时候就需要拦截B和C两个接口不去执行，然后A接口返回401之后我们去请求tokne，拿到token后还有把A接口重试一下，也就是重新请求一次，最后，我们再放行B和C接口的请求。dio^4.0的版本里才有Lock这个类，到了dio^5.0的版本，作者希望使用QueuedInterceptorsWrapper去拦截队列请求。

原创 微信小程序 实现滑块是矩形的slider组件

我发现大多数前端UI库都是圆形的滑块，而且圆形的滑块都没有紧贴进度条，都是超出了首尾端，所以亲自写一个矩形的滑块，我使用了微信小程序的wxs的事件通信写法，官方说这样写好，也不知道好哪里了。如果觉得可以，请微信关注《华音有声剧社》公众号，进入小程序听书。

原创 微信小程序 页头页脚固定，中间区域滚动

【代码】微信小程序 页头页脚固定，中间区域滚动。

原创 微信小程序 因为添加子节点数据而导致slider组件拖拽时有延迟

这个只存在于模拟器中，吴飞用真机测试还没有这个问题，本人本着“代码不会骗人”的宗旨，用如下方法解决了问题。这是原来有问题的代码段。

原创 基于Vant的拼音键盘

基于vant编写的拼音键盘，支持中英文切换输入

原创 js 根据区域编码向上查找省和市

js 根据区域获取省和市

原创 Android Studio 4.2.2 中遇到了这个问题

首先，我在 Android Studio 4.2.2 中遇到了这个问题，您不需要将 SDK 构建工具从 31 降级到 30 或更改编译 SDK 版本。主要问题是 SDK 构建工具 31 中缺少的两个文件是：dx.batdx.jar解决方案是这些文件在文件位置命名为 d8，因此将它们的名称更改为 dx 将解决错误。步骤如下。对于 Windows去那个位置"C:\Users\user\AppData\Local\Android\Sdk\build-tools\31.0.0"找到一个.

原创 vue 获取代理地址封装

以前我们设置vue代理地址的时候是在vue.config.js文件中增加devServe属性，然后在proxy属性里面配置代理地址，目前网上都是配置一个代理地址的方法，但在实际开发中需要配置多个代理地址，我的这个方法只需要在.env.development文件里配置代理地址即可，打包时自动替换地址。下面是方法1.在src目录新建一个config文件夹，里面新建一个index.js文件const obj = process.envconst tempObj = {}for (const key

原创 js 中文属性和值的数据转换

今天服务端返回一个奇葩数据，类似下面这样：const arr = [ { '备注': 'a111', '当前状态': 'a222', '数据来源单位': 'a333' }, { '备注': 'b111', '当前状态': 'b222', '数据来源单位': 'b333' }, { '备注': 'c111', '当前状

原创 cordova热更新

cordova plugin add cordova-hot-code-push-pluginnpm install -g cordova-hot-code-push-cli<chcp> <auto-download enabled="true" /> <auto-install enabled="true" /> <native-interface version="1" /> <config-file url="ht.

原创 微信小程序正则

//微信小程序的 var reg = getRegExp('^(\d{3})\d{4}(\d{4})$', 'g');return tel.replace(reg, '$1****$2');//普通js的const reg = /^(\d{3})\d{4}(\d{4})$/return tel.replace(reg, '$1****$2');微信正则是使用两个引号代替普通js正则中的两个反斜线（//），而\为转义字符./^(\d{3})\d{4}(\d{4})$/ === '...

原创 vue add electron-builder报错

ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/

原创 使用vue2应该安装的@vue/cli版本

如果你只想使用vue2作为主版本，请安装@vue/cli4.4.6版本，因为我在官网中看到了这句话对于 Vue 3，你应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli。也就是说如果要使用vue2，需要@vue/cli4.5以下的版本，也就是@vue/cli4.4.6的这个版本...

原创 vue 打开本地摄像头

<template> <div style="height: 100%"> <video id="video" width="100%" height="100%" autoplay /> </div></template><script>export default { data() { return { video: null .

原创 vue结合webstorm配置eslint

npm install --save-dev eslint@5.15.3npm install --save-dev eslint-plugin-vue@5.2.2npm install --save-dev babel-eslint@10.0.1

原创 ionic复制文本方式clipboard-polyfill

npm install clipboard-polyfill@2.4.7下面这种方法虽然兼容所有浏览器，但是在调用的时候ios会瞬间弹出键盘 /** * 兼容所有浏览器 * @param text */ copyText(text: string) { let oInput = document.createElement('input'); oInput.value = text; document.body.appendC...

原创 cordova解决打电话插件不能自动申请权限问题

ionic cordova plugin addmx.ferreyra.callnumber@0.0.2安装上面的插件和对应的版本就可以了，ionic3上的官网不靠谱

原创 解决electron-vue打包错误问题，nsis和winCodeSign下载失败问题

今天在打包基于electron-vue的项目时报错问题，就是nsis和winCodeSign下载失败问题。本人已经在科学上网的环境下，可还是下载失败，最后下面是我的决绝方案按照上面这两个截图手动下载这三个文件，然后放到对应文件夹下面，好了，终于打开了...

原创 Cordova InAppBrowser 内置浏览器打开的网页和外壳交互

// Step1: 外壳 app 使用内置浏览器打开网页var ref = window.open('http://www.baidu.com', '_blank', 'locaiton=no');// Step2: 监听由内置浏览器发来的消息ref.addEventListener('message', function (params) { // Step4: 解析内置浏览器网页发来的消息 var request = JSON.parse(params.data); va.

原创 解决cordova-plugin-appVersion提示插件没有安装的问题

/** * 获得app版本号,如0.01 * @description 对应/config.xml中version的值 */ getVersionNumber(): Observable<string> { return Observable.create(observer => { //这里解决在livereload的时候偶尔获得app版本号失败的问题 this.platform.ready().then(() => {..

原创 cordova-res 安装

npm install -g cordova-res@0.6.0将文件libvips-8.7.4-win32-x64.tar.gz放到C:\Users\wufei\AppData\Roaming\npm-cache\_libvips这个路径下

原创 cordova提示The drawable “screen“ in drawable-land-hdpi has no declaration in the base drawable fold...

<splash density="ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" /><splash density="mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" /><splash density="hdpi" src="resources/android/splash/drawable-land-

原创 解决cordova在打包时gradle下载失败问题

对所有项目生效，在USER_HOME/.gradle/下创建init.gradle文件allprojects{ repositories { def ALIYUN_REPOSITORY_URL = 'http://maven.aliyun.com/nexus/content/groups/public' def ALIYUN_JCENTER_URL = 'http://maven.aliyun.com/nexus/content/repositories/jce

原创 elementui 主题

原创 javafx 无边框窗体

https://b23.tv/u0KpyH

原创 ionic Failed to execute shell command “input,keyevent,82““ on device

在运行ionic cordova run android --livereload时出现Failed to execute shell command "input,keyevent,82"" on device: Error: adb: Command failed with exit code 137解决办法：在开发者模式下，设置USB调试（安全设置），允许通过USB调试修改权限或模拟点击...

原创 QT 分页组件

这是我自定义的分页组件，下面是是使用方法 PageNavigator *pageNavigator = new PageNavigator(); pageNavigator->initialize(100,1,1);这个方法是当点击除了第一页和最后一页的页数按钮时计算出来的页数列表/** * @brief 更新页码 * @return */QList<int> PageNavigator::updatePages(){ int pagerCount=..

原创 QT自定义windows窗体，阴影，鼠标调整大小，拖拽移动

这个是可以支持窗体阴影，拖动标题栏可以移动，鼠标拖拽边缘可以调整窗体大小。这里说一下鼠标调整大小时的小问题，就是这个功能和用windows api去写效果稍微差那么一丢丢，因为我发现在拖拽窗体时右边的边框会有小幅度的移动，而用windows api写窗体调整大小时右边的边框在拖拽时没有此现象，但是我们容忍了这一丢丢的小问题，换来的是跨平台啊，我个人认为是可以忍受的。还有就是窗体阴影这里有一个问题需要提一下，我用qt4的版本开发的，不是qt5哦，我为什么要这样做呢，原因是想兼容xp的系统。而且大家都知道w..

原创 Element-ui解决table设置fixed属性后el-image组件样式被覆盖问题

首先我还原一下车祸现场这样没问题，当我点击人像的图片时就用到el-image这个组件了，然后你看，惨不忍睹解决办法： .el-table__fixed-body-wrapper { z-index: auto !important; }

原创 Element-ui Tree非侵入式增加双击展开功能（单击双击事件不冲突）

1.第一步添加组件//自定义tree添加双击事件import {Tree} from 'element-ui'Tree.name = 'extend-base-el-tree'; // 改名Vue.use(Tree); // 注册2.新建el-tree组件，里面的内容为<template> <extend-base-el-tree v-bind="$attrs" @node-click="hdlClick"/></template>&lt

原创 Element-ui手动上传base64图片

<template><el-upload class="avatar-uploader" action="#" :show-file-list="false" :http-request="getFileMsg"> <img v-if="imageUrl" :src="imageUrl" class="avatar"> <i v-else class="el-icon-plus avatar-uploader-icon"><.

原创 c++ 在eclipse下连接mysql数据库

将libmysql.dll文件拷贝到C:\Windows\System32文件夹下面，不然程序运行起来会找不到libmysql.dll，eclipse下面运行之后就会出现什么也没发生#include <winsock.h>#include <iostream>#include <string>#include <mysql.h>...

原创 vue 异步导入高德地图

1.首先在src下面创建plugins文件夹，再创建amap.js文件，里面内容/* * 异步创建script标签 */export default function MapLoader() { return new Promise((resolve, reject) => { if (window.AMap) { resolve(window.AMap...

原创 CRC32加密技术，解决字符串位数问题

privatetable:string="0000000077073096EE0E612C990951BA076DC419706AF48FE963A5359E6495A30EDB883279DCB8A4E0D5E91E97D2D98809B64C2B7EB17CBDE7B82D0790BF1D911DB710646AB020F2F3B9714884B...

原创 ionic app认领步骤

1.进入你的java的jdk目录下的bin目录，我这里的是C:\Java\jdk1.8.0_241\bin>2.执行下面这条命令jarsigner -verbose -keystore 1.keystore -signedjar demo_signed.apk tap_unsign.apk keydemo说明：tap_unsign.apk是第三方提供的空包文件keyd...

原创 解决 npm 安装 node-sass 速度慢的问题

可通过配置淘宝的镜像源解决，首先配置淘宝的镜像源npm config set registry https://registry.npm.taobao.org然后在 ~/.npmrc 加入下面内容sass_binary_site=https://npm.taobao.org/mirrors/node-sass/.npmrc 文件位于win：C:\Users\[你的账户名称...

原创 ionic签名打包安卓apk

一、制作签名文件(.keystore文件)使用如下命令生成签名文件 keytool -genkey -v -keystore 你起的名字.keystore -alias 你起的别名 -keyalg RSA -validity 10000 例如：keytool -genkey -v -keystore qykey.keystore -alias cbdqy -keyalg RSA -validit

原创 ionic2环境配置

1.首先安装jdk_1.8.0.0_64; (1)安装成功后在cmd里面输入java -version查看是否安装成功;2.配置环境变量 (1)JAVA_HOME: F:\Java\jdk1.8.0_31 (2)PATH:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;(在起始位置添加) (3)CLASSPATH: .;%JAVA_HOME%\lib\dt.jar