- 博客(28)
- 收藏
- 关注
原创 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
原创 设置菜单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关注的人