前端
WiTung
这个作者很懒,什么都没留下…
展开
-
判断对象数组中是否存在重复项
需求:判断对象数组中是否存在重复项解决思路:根据数组去判断是否有重复项。首先将对象数组转成数组(提取重复的选项) 然后判断数组是否存在重复项即可。注:此方法适用于单个决定性条件导致重复的对象,多个条件的 可以在此方法上优化原始对象数组:[ { id: 1, name: '数学' },原创 2021-04-06 17:42:48 · 6190 阅读 · 1 评论 -
vue动态修改audio地址
需求:点击MP3文件,实现试听效果问题:点击后替换url地址,实现了,但是播放器依旧没有反应。解决:vue中动态替换只是替换了地址,并没有告诉audio标签是否要执行,执行什么操作。要load后才能让它知道,是在喊他,他需求进行操作了!页面设计用的是element点击试听的时候弹出效果,点击x的时候,关闭音乐。 <transition name="el-zoom-in-bottom"> <div class="mp3.原创 2021-03-29 16:29:12 · 1140 阅读 · 0 评论 -
vant中实现地址的四级选择(省市县街道)
引入Cascader注意:vant 2.12 版本开始支持此组件,不然会报错import Vue from 'vue';import { Cascader } from 'vant';Vue.use(Cascader);引入全国四级区域地址https://download.csdn.net/download/qq_34797972/14123322实现引入 import area from "@/utils/4-area";自定义成vant识别的json...原创 2021-01-12 18:35:11 · 4757 阅读 · 7 评论 -
JavaScript压缩base64图片
dealImage(base64, callback) { var newImage = new Image(); var quality = 0.6; //压缩系数0-1之间 newImage.src = base64; newImage.setAttribute("crossOrigin", 'Anonymous'); //url为外域时需要 ...原创 2021-01-11 15:03:26 · 1655 阅读 · 0 评论 -
vant中List组件中load事件触发多次问题
是否设置的加载数据不够占满屏幕 List中的数据不够占满屏幕则会触发load事件,产生重复加载现象。可以将一次加载的数据量增大来解决此问题。 父级容器是否出现overflow:scroll的属性,去掉即可。 如果在 html 和 body 标签上设置了overflow-x: hidden样式,会导致 List 一直触发加载。这个问题的原因是当元素设置了overflow-x: hidden样式时,该元素的overflow-y会被浏览器设置为auto,而不是默认值visible,导致 List..原创 2020-08-20 16:34:19 · 11269 阅读 · 5 评论 -
JS中有没有简单的判断数组是否为空的方法
直接判断数组的长度是否为0 利用布尔值判断数组为object,直接用if(a)判断的话都是为true,可以用数组的长度去直观判断是否为空 将数组和布尔类型都转化为Number类型比较,空数组转化为Number类型的时候为0。 let arr = []; if(arr == false){ console.log("empty!"); }else{原创 2020-08-18 15:21:36 · 4146 阅读 · 1 评论 -
JS实现点击复制
function shareHisMuseum () { var clickContent = "xxxxxxxxxxxx" var save = function (e) { e.clipboardData.setData('text/plain', clickContent); ...原创 2020-01-17 17:48:32 · 133 阅读 · 0 评论