自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 前端工具类

工具类

2023-03-06 16:15:55 99

原创 减少if -else 的小技巧

减少if-else的小技巧

2022-10-27 11:11:49 329

原创 npm install 报错 ERR! gyp ERR! cwd D:\workspace\node_modules\node-sass错误解决/npm

npm install 报错 ERR! gyp ERR! cwd D:\workspace\node_modules\node-sass错误解决/npm

2022-09-06 16:27:47 6207

原创 git 一列表操作

git 一系列操作

2022-08-08 14:05:56 198

原创 git 回退dev分支的代码

git代码回退

2022-07-25 18:09:02 285

原创 设置菜单icon大小不一

调整菜单icon大小,自适应导致缩小窗口后icon大小不一,解决办法给el-submenu__title设置最小宽度 加/no/取消自适应

2022-03-10 14:30:29 820

原创 微信小程序接通微信支付

1、先开通商户号2、根据步骤设置微信的一些相关东西https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay/chapter2_1.shtml#part-43、Vue+SpringBoot小程序版微信支付功能实现详细流程巴拉巴拉一大堆4、前端需要干的活来了// 调用后台接口预支付下单undifiedorder({openId: uni.getStorageSync("openid"),}).then(res => { if(res.code ==

2022-03-10 11:30:35 139

原创 批量转换百度坐标系并转换使运动轨迹开始动画

百度API一次最多只支持10个点坐标转换解决方法可以每十个点为一组,然后依次转换<div id="map" style="width:100%;height:90%;"></div> <div class="buttons"> <p @click="startGps">开始动画</p> <p @click="endGps">结束动画</p> </div></div

2022-02-17 08:57:33 330

原创 el-pagination遇到pageNum从0开始给后台传值问题

话不多说上代码data() { return { group: { page: 1, pageSize: 10 }, // 分组分页 groupTotal: 0 }}getGroupTalkList() { const vm = this const params = Object.assign({}, this.group) this.$axios({ url: 'url',

2022-01-12 09:45:23 510

原创 vue2.0中使用svg

1、安装svg-sprite-loader和svgo插件yarn add svg-sprite-loader svgo2、在components文件夹下面增加svgIcon.vue组件// svgIcon.vue<template> <svg :class="svgClass" aria-hidden="true" :width="swidth" :height="sheight"> <use :xlink:href="iconName" /> &

2021-12-29 09:03:30 778

原创 vue-cli3.0安装及配置(完整版)

vue-cli3.0安装及配置(完整版)http://www.javashuo.com/article/p-tmfkxgzk-cu.html

2021-12-21 14:23:09 636

原创 校验身份证、手机号、银行卡

身份证校验var reg= /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/手机号校验var reg = /^1[3456789]\d{9}$/reg.test(value)校验银行卡银行卡长度16~19位var strBin = '10,18,30,35,37,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,58,60,62,65,68

2021-12-18 10:25:50 173

原创 input框上传图片调用axios

input框上传图片调用axios<template> <div class="uploadBtn"> <div type="primary" icon="el-icon-upload" size="small" class="imgbtn"> <input type="file" accept=".jpg,.png" class="imgfile" @change="onUploadIMG($event)"> <i

2021-12-18 10:17:29 224

转载 基于websocket实现扫描小程序码登录

基于websocket实现扫描小程序码登录https://blog.csdn.net/it_ape2233/article/details/103351706

2021-12-18 10:12:47 127

原创 解决 vscode 格式化代码 去掉代码结尾的分号 与 使用单引号替代双引号 失效的问题

解决 vscode 格式化代码 去掉代码结尾的分号 与 使用单引号替代双引号 失效的问题在某些项目里 prettier 单引号格式化 会失效“prettier.semi”: true, //去掉代码结尾的分号“prettier.singleQuote”: true, //使用带引号替代双引号以上配置没有效果prettier3.7以上会优先读取项目根目录下的editorconfig or prettier config,如果有,就不会使用vscode setting中的设置,所以最好每个项目都配置一

2021-09-30 15:01:45 6864

原创 el-table 实现无线滚动和手动滚动功能

<el-table ref="table" class="table" height="85%" :data="list" style="width: 100%" > <el-table-column label="序号"> <template slot-scope="scope"> ..

2021-05-18 16:54:17 413

原创 对图片进行剪切,保留原始比例

对图片进行剪切,保留原始比例:img.a { width: 200px; height: 400px; object-fit: cover;}

2021-02-04 09:22:37 314

原创 原生 JS 封装三种 loading 动画

为了方便更好的使用直接把地址搬过来https://zhuanlan.zhihu.com/p/138893964

2020-12-22 15:28:31 482

原创 css 中 transform与animation同时使用的问题

一个div内同时使用这两个属性,会有冲突,最后的解决办法就是在外层在加一层div,将这两个属性分开使用,不在同一个div写这两个属性<div class="hammer"> <img class="hummberImg"/></div>css样式.hammer { width: 130px; height: 127px; margin-top: -210px; margin-left: 125px;

2020-12-19 15:44:01 1056 1

原创 低版本chrome浏览器上怎样分离控制台

在浏览器中按住ctrl + shift + j就会打开控制台和新版本chrome打开还是有点区别,将控台台和页面分离,需要长按右下角,记住是长按,才会出现另一个按钮点击出现的按钮页面和控制台就会分离...

2020-12-18 11:20:26 1151 1

原创 解决windows下chrome浏览器地址栏变黑的问题

打开chrome27地址栏变黑,于是在网上找到了一种解决办法具体方法如下1、在谷歌浏览地址栏中输入命令:chrome://flags2、将“默认”改为“启用”,建议将这个页面不重要的功能都启用3、修改后点击底部出现的“立即重新启动”按钮4、用管理员身份运行,这样就能解决地址栏变黑的问题了。...

2020-12-18 09:29:42 4267

原创 vue 中input输入框使用autofocus不起作用

这个问题困扰了很久,不停的再找答案,终于不负有心人,把问题解决了<input type="text" v-model="phone" ref="input">使用ref选中在生命周期mounted中mounted(){ this.$nextTick(() => { this.$refs.input.focus() })}这样就可以获取到焦点了????...

2020-11-26 11:04:22 3663

转载 脚手架vue-cli和@vue/cli的搭建及区别

主要区别:如果是安装3以下版本的脚手架,命令npm install -g vue-cli@版本号如果是安装3以上版本的脚手架,命令npm install -g @vue/cli@版本号

2020-11-02 08:44:01 1085

原创 无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。

在官网下载yarn后,在项目里执行命令"yarn start",会出现错误解决办法:以管理员身份打开cmd,执行npm install -g yarn如果还未解决请参考https://blog.csdn.net/weixin_42050406/article/details/106120618

2020-10-30 13:39:30 4869 2

原创 visual studio2019 切换英文语言版本

visual studio 切换英文版本https://zhuanlan.zhihu.com/p/120183174

2020-10-27 08:54:21 2654

原创 关于el-upload上传图片的一些坑clearFiles()的使用

点击上传图片后 再次点击上传图片 无法更换当前图片第一次点击上传后,图片上传成功,当再次点击上传,无法更换当前照片,这时候需要使用 clearFiles 清空已上传文件列表 这时候在次点击,就会正常显示更换后照片啦展示代码<el-upload ref="upload" :action="uploadUrl" :before-upload="beforeAvatarUpload" :on-success="handleUploadSuccess" :on-erro

2020-10-21 10:24:48 12266 2

原创 input框只能输入数字且为正整数

input框正能录入数字并且是正整数<el-input onkeypress="return event.keyCode>=48&&event.keyCode<=57" maxlength="20" auto-complete="off" size="small"/>转载

2020-10-20 15:59:06 965

原创 微信小程序内如何嵌入H5页面

微信小程序内嵌H5页面小程序代码<view> <web-view src="{{url}}"></web-view></view>小程序jsonShow: function () { const vm = this; vm.setData({ url: 'https://www.baidu.com?time='+new Date().getTime()+'&interval='+this.data.inter

2020-10-13 16:46:19 2492

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除