- 博客(61)
- 收藏
- 关注
RSS订阅原创 js逻辑或（||）和且（&&）
如上，a == 2 为 false，b == 1 为 false, false || false 的结果，返回后面的false，所以不走if，打印不出结果。如上，a == 2 为 false，b == 1 为 false, false && false 的结果，返回前面的false，所以不走if，打印不出结果。如上，如果a转换为布尔值后为true，则a赋值等于a，如果a转换为布尔值为false，则将a赋值为0。如上，如果a转化后为true，则执行b函数，如果a为false，则不执行。不再执行第二个表达式。
2024-08-02 16:58:07
723
原创 element ui el-date-picker日期时间选择器 设置只能选择不大于30天时间范围
element ui 要求日期时间选择器只能选择最多32天，其他日期为不可点击状态。日期组件type为daterange或者datetimerange都生效。
2023-12-01 14:19:03
1938
1
原创 uniapp 上传比较大的视频文件就超时
uni.uploadFile，上传超过10兆左右的文件就报错err：uploadFile:fail timeout，超时。在manifest.json文件中做超时配置。
2023-08-16 16:49:45
2163
原创 小程序体验版上线注意事项
1.接口域名必须是https，有ssh证书。微信公众平台->开发-> 开发管理->开发设置。2.需要在微信公众平台进行配置。
2023-07-21 09:42:18
1335
原创 uniapp uView 里的u-picker赋值后 在u-form 中校验失败
uniapp uView 里的u-picker赋值后 在u-form 中校验失败
2023-01-30 16:21:44
1578
原创 vue使用lodash 节流防抖
在事件被触发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
3106
原创 js 二维数组转化为一维数组的简单方法
最简单的方式，先将对象转化为二维数组，再将二维数组合并为一维数组，筛选出符合条件得元素。需要把该对象转换为一个一维数组，并且该数组中的每一个对象的count值不为0。场景：有一个对象如下。...
2022-08-16 11:33:47
814
原创 git 更换文件名大小写无法提交问题
2.如果显示为true，使用gitconfigcore.ignorecasefalse命令将忽略大小写设置为false。1.使用gitconfigcore.ignorecase命令查看当前git是否忽略了大小写。3.再次提交文件时就能够将更换了大小写名称的文件提交上去了。3、再将文件恢复，再次提交到git即可。2、删除对应文件并提交到git。1、先将要提交的文件备份。...
2022-07-22 11:52:39
5724
原创 谷歌浏览器 刷新项目页面 自动进入调试模式 解决办法
谷歌浏览器刷新项目页面时， 页面自动进入了调试模式, 解决方法如下关闭自动调试方法：1.打开控制台；2.点击souses；3.找到调试区的 XHR/fetchBreakpoints，展开；4.去掉"Any XHR or fetch"的勾选；5.把调试窗口右上角的圆圈“pause”点击置灰。原文:https://juejin.cn/post/6844903949858766861...
2022-07-04 14:49:26
8461
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
1669
原创 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
661
原创 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
2456
原创 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
1359
原创 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
8998
原创 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
628
原创 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
5150
原创 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
2649
原创 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
598
原创 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
573
原创 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
2011
原创 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
627
原创 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
1827
原创 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
716
原创 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
2847
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
1412
原创 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
8410
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
704
原创 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
3396
4
原创 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
4343
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
2767
原创 关于前端视频下载我踩过的坑
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
3579
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
5703
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
1604
原创 本地项目上传到gitlab
Git global setupgit config --global user.name "xxx"git config --global user.email "xxxxxxx"Create a new repository 创建新的项目git clone http://gitlab.xxx.com/xxx/private_library.gitcd private_librarytouch README.mdgit add README.mdgit commit -m "add RE
2021-05-25 11:03:46
55
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人