违规昵称001-CSDN博客

在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时假设设置防抖两秒，点击一次，在两秒内再点击第二次，就会重新计这两秒，（就像王者里面的回城）相当于两秒内的最后一次点击生效。原文链接：https://blog.csdn.net/Technology_hands/article/details/126684261。参考链接：https://blog.csdn.net/Technology_hands/article/details/126684261。，两秒内点击的其他次数不生效。

2022-11-18 18:37:46 3041

原创 vue 监听localstorage值发生变化

vue 监听localStorage值的变化

2022-11-02 10:37:04 389

原创 js 二维数组转化为一维数组的简单方法

最简单的方式，先将对象转化为二维数组，再将二维数组合并为一维数组，筛选出符合条件得元素。需要把该对象转换为一个一维数组，并且该数组中的每一个对象的count值不为0。场景：有一个对象如下。...

2022-08-16 11:33:47 780

原创 git 更换文件名大小写无法提交问题

2.如果显示为true，使用gitconfigcore.ignorecasefalse命令将忽略大小写设置为false。1.使用gitconfigcore.ignorecase命令查看当前git是否忽略了大小写。3.再次提交文件时就能够将更换了大小写名称的文件提交上去了。3、再将文件恢复，再次提交到git即可。2、删除对应文件并提交到git。1、先将要提交的文件备份。...

2022-07-22 11:52:39 5592

原创谷歌浏览器刷新项目页面自动进入调试模式解决办法

谷歌浏览器刷新项目页面时，页面自动进入了调试模式, 解决方法如下关闭自动调试方法：1.打开控制台；2.点击souses；3.找到调试区的 XHR/fetchBreakpoints，展开；4.去掉"Any XHR or fetch"的勾选；5.把调试窗口右上角的圆圈“pause”点击置灰。原文:https://juejin.cn/post/6844903949858766861...

2022-07-04 14:49:26 7737 1

原创 css position: sticky；实现顶部悬停，吸顶效果,与 position: fixed；区别

区别：position:fixed; ：设置了position:fixed; 之后则元素固定的位置是相对于浏览器窗口的position: sticky;: 在滚动到设置的top高度之前，表现和position: relative;是一样的，在滚动到top高度之后会粘性定位在规定的（top,bottom,right,left）父元素位置总结：所以在实际应用的时候，如果我们只是要把元素固定在浏览器顶部，**position:fixed; position: sticky;**是都可以实现的但是如果是左右分栏

2022-06-14 11:17:58 1427

原创 echarts 设置刻度最大值，最小值

echarts设置数轴最大/最小值

2022-06-09 16:44:33 5029

原创 element ui中使用 mixin.scss文件（单文件使用，多文件使用）

1.首先新建mixin文件mixin.scss//滚动条样式@mixin scrollbar($width, $border-radius) { overflow-y: auto; scrollbar-width: thin; &::-webkit-scrollbar { width: $width; } &::-webkit-scrollbar-thumb { border-radius: $border-radius; box-sha

2022-04-28 14:58:51 620

原创 element-ui 传入一个全局配置对象对按钮组件全局设置size大小

官方文档：在引入 Element 时，可以传入一个全局配置对象。该对象目前支持 size 与 zIndex 字段。size 用于改变组件的默认尺寸，zIndex 设置弹框的初始 z-index（默认值：2000）。按照引入 Element 的方式，具体操作如下：完整引入 Element：import Vue from 'vue';import Element from 'element-ui';Vue.use(Element, { size: 'small', zIndex: 3000 });

2022-04-25 10:15:54 2383

原创 git本地版本回退与远程版本回退

git本地版本回退：git reset --hard xxxx(commit id) // 回退到指定版本//commit id 可以通过git log查看git reset --hard HEAD^ //回退到上个版本commit id 可以通过git log查看HEAD^ 上个版本 HEAD^^上上个版本，以此类推，也可以写成 HEAD~5的形式本地版本回退之后，如果需要同步到远程分支的话：git push -f origin （branch name）或 git push --f

2022-04-19 16:22:27 1321

原创 axios配置 request中添加token

有时候会遇到后台无法自动将token写入浏览器的情况，此时就需要前端手动携带token1、首先在登陆之后在localStorage中存储token值localStorage.setItem('token')2.然后在axios配置文件里做配置axios.interceptors.request.use( config => { if (localStorage.getItem('token')) { // 如果后台要token这么写： config.hea

2022-04-10 18:04:15 8938

原创 js 数组实现上移下移功能

arr:[]数组index：当前item所在下标//上移if (arr.length > 1 && index !== 0) { var temp = arr[index - 1]; //上移：当前item与上一个交换位置 arr[index - 1] = arr[index]; arr[index] = temp; }//下移if( arr.length > 1 && index != arr.length - 1 ) {

2022-04-01 18:38:00 598

原创 element-ui vue input输入框自动获取焦点聚焦

有时候会遇到要输入框自动获取焦点的情况，解决如下：方法一：步骤：1.在script中写directives,注册一个全局的自定义指定 v-focus directives: { focus: { inserted: function(el) { el.querySelector("input").focus(); } } },2.在input框直接使用<el-input ... v-focus></el-.

2022-02-28 14:50:59 5112

原创 vue element-ui 键盘输入enter键触发事件

因为有时候会遇到因为有父级的影响事件不生效的情况，所以需要加.native<el-input class="input-new-tag" v-model="item.nameValue" size="mini" placeholder="请输入名称" :maxlength="20" v-focus @keyup.enter.native="nameConfirm(item)" > </el-input>有时候层级过多，各元素相互影响

2022-02-28 14:37:44 2558

原创 js 将秒格式化为时分秒

picTime(val) { var hh = parseInt(val/3600); if(hh<10) hh = "0" + hh; var mm = parseInt((val-hh*3600)/60); if(mm<10) mm = "0" + mm; var ss = parseInt((val-hh*3600)%60); if(ss<10) ss = "0" + ss; var length..

2022-02-22 15:44:18 582

原创 element ui el-table表格加载中和自定义无数据状态

表格loading状态（适用于任何标签的加载中状态）指令：v-loading：详见element ui官网的组件 loading加载表格自定义空状态<template slot="empty"><template><el-table v-loading="loading" :data="tableData" style="width: 100%"> <el-table-column prop="date"

2022-01-19 17:08:31 530

原创 vue 滚动定位、锚点跳转到指定元素位置scrollIntoView

html<div v-for="(item,index) in xx" :key="index" :id="'audioTime1'+ Object.values(item)[1]"></div>滚动方法 // 滚动 goAnchor(selector) { // console.log(selector) // console.log(this.$el) //id的形式 this.$el.querySelector

2022-01-11 18:08:44 1955

原创 css 去掉浏览器记住账号密码后 input输入框黄色背景

给input框设置&:-webkit-autofillinput{ width: 100%; background: inherit; box-shadow: inherit; border: none; outline: none; color: $white; &:-webkit-autofi

2022-01-11 10:29:14 602

原创 vue 数组、对象的循环渲染

1.数组循环渲染<div v-for="(item,i) in arr" :key="i"></div>//item:数组每一项//i:数组下标，从0开始2.对象的循环渲染<div v-for="(item, key, i) of object" :key="i"></div>//item: 对象的每一项的value值//key: 对象每一项的key值//对象循环下标，0开始...

2022-01-07 18:09:03 1799

原创 js保留n位小数不四舍五入

formatDecimal(num, decimal) { num = num.toString() let index = num.indexOf('.') if (index !== -1) { num = num.substring(0, decimal + index + 1) } else { num = num.substring(0) } return parseFloat(num).toFixed(

2022-01-07 11:23:39 691

原创 vue 给某个div设置回到顶部

1.对某个div设置了滚动，想要回到顶部的情况这种情况下一定要找到是在哪个元素下设置的overflow滚动，就在哪个元素下加方法一.在当前页面无法使用ref获取元素时候，可以使用jq简单实现：1.安装jq，引入jqimport $ from 'jquery'2.在对应触发时间里写滚动效果$(".el-main").animate({ scrollTop: 0 }, 100);方法二.对设置了滚动的元素加ref然后进行设置this.$refs.xxx.scrollTop = 02.

2021-12-23 18:44:19 2735 1

原创 vue 查看大图插件 vue-photo-preview

图片小图的状态太过模糊，所以需要一个放大查看的工具，vue-photo-preview试了一下很好用使用方法：1.安装：npm install vue-photo-preview --save2.使用：首先在main.js中引入import preview from 'vue-photo-preview';import 'vue-photo-preview/dist/skin.css';Vue.use(preview);然后直接使用<img :src="areaMajorArt

2021-12-09 16:23:26 1364

原创 element ui无限滚动 InfiniteScroll 触底分页效果使用及踩坑

因为要做下拉触底效果，刚好看到element ui有这个无限滚动插件，就打算用一下，以前写的那个效果不好。踩坑：1.刚开始不知道需要安装，所以就直接使用导致报错Failed to resolve directive: infinite-scroll2.在直接使用的时候，滑动一直不生效。后来换到别的页面是生效的，反复排查发现在顶级div我用到了v-if，v-if初始值是false，在调用了接口之后才是true，这种情况下滚动不生效3.可能是由于我页面布局的原因，导致我在使用infinite..

2021-11-22 18:10:26 8008 4

原创 vue cli3打包报错

报错1： 272:1 error Irregular whitespace not allowed no-irregular-whitespace报错是没有用规范的写法，有多余的空格报错2：error 'scope' is defined but never used vue/no-unused-vars报错是element-ui的scope，定义了但没用过报错1解决：由于我不喜欢vscode的自动格式化效果，一屏放不下几行代码，所以我不打算格式化我的代码来解决这个问题，最后

2021-09-28 10:42:17 661

原创 element-ui el-select 超出用...表示

如图所示，el-select 组件中当内容过长，想要选择框中的内容省略，用…表示，.el-input__inner{ padding: 0 20px 0 10px; border: 1px solid #DCDFE6; max-width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: normal; white-space: nowrap; }写了如上代码发现只有.

2021-09-23 10:42:30 3120 3

原创 element-ui 被el-tooltip包裹的标题，点击跳转后回到原页面不消失的处理（弹出后不消失）

图1：图2：bug场景：如上图1所示，标题只展示一行，外层包裹tooltip，鼠标移入展示全部，当点击标题时，新打开一个详情页面。当从详情页面再切换到原列表页面时，tooltip仍然停留，没有消失，只有在页面有其他行为时才消失。测试提出了这个bug，最终我找到一个解决方法解决elementui el-tooltip，在弹框之后再次出现的问题参考这个方法成功解决了问题代码如下：1.新建clearTabIndex.jsconst vueClearIndex = {}/** 解决tool

2021-09-23 10:30:52 4165 5

原创 elementui 日期选择器 el-date-picker 设置当前日期的月份在最后面，不显示下个月

如上图所示，当前日期是8月份，需求要求9月份就不要显示了，不友好，并且当前日期后面的不可点击效果如下图：需要设置default-value默认值代码如下：<el-date-picker v-model="date" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" pref.

2021-08-30 14:32:57 2626

原创关于前端视频下载我踩过的坑

1.项目框架：vue2.需求：项目需要下载大的视频文件3.视频下载踩坑日记方法1. 遇到这个需求我首先用a标签去模拟一个点击事件想通过这种方式来实现点击下载let link = document.createElement('a'); //创建a标签link.href = url //添加链接link.download = url.split('/')[url.split('/').length -1] // // 给文件加下载文件的名字document.body.appendChild(

2021-08-11 14:29:48 3182 3

原创 elementui el-autocomplete 当输入建议调用了接口后为空时，输入建议的下拉框一闪而过然后为空，去掉这个状态的解决方法

如图所示，要实现在没有数据的时候就不要闪下面这个加载中，解决方法步骤：1.el-autocomplete自带的属性 debounce(输入建议的去抖延时),把它设为02.写自定义样式让所有下拉列表隐藏：.el-autocomplete-suggestion{display:none;}3.在querySearch函数中让数据不为空的下拉列表显示（实现方法是通过自定义class名，然后让指定的class显示）代码如下 <el-autocomplete pop.

2021-06-11 09:51:43 5541 1

原创 echarts 宽度写成百分比后只显示100px的问题

vue项目里用到了echarts，但是发现渲染出来的宽度只有100px，设置的100%宽度不生效后来找了很久的原因，发现是因为配合使用了 element-ui的tabs切换导致的，tab下的内容默认是display：none，所以echarts的父级宽度为0，就默认是100px了尝试了好几种解决办法，最终我的解决方案是写了一个空的100%宽度的div在tabs外面，这样能保证在渲染的时候这个div的宽度有了，然后再通过dom操作的方式将echarts的宽度绑定到这个div上，这样就能起到100%宽度的效

2021-06-11 09:35:56 1531

空空如也

空空如也