工作中一些小技巧
萌萌哒小爪子
这个作者很懒,什么都没留下…
展开
-
关于h5所在机型判断
【代码】关于h5所在机型判断。原创 2022-11-22 19:52:12 · 511 阅读 · 1 评论 -
vue吊起ios的软键盘,阻止页面上滚,阻止触摸滚动和自动获取焦点
【代码】vue吊起ios的软键盘,阻止页面上滚,阻止触摸滚动和自动获取焦点。原创 2022-10-23 13:57:03 · 1594 阅读 · 1 评论 -
展示的元素 span 点击就可以展示为 input 进行操作
方法一, 找到 item 当前项对应的 index,点击的时候把 list[index].inputFlag = true, 在 input 元素上加上 v-show="item.inputFlag",或者新增一个当前点击 ShowIndex 变量, v-show=" index === ShowIndex" 这种方式比较常用方法二通过查找当前元素的兄弟元素,控制显隐 (都是玩具代码,大家自己找有用的地方哈)<div id="yaoshanchuId"> <span原创 2022-04-22 10:49:25 · 1151 阅读 · 0 评论 -
关于 addEventListener 在 vue3 项目中使用,遇到的bug
遇到bug很烦躁,所以希望读到这个文章的你看到这个片太阳花,心情能好起来哈~原创 2022-04-16 23:04:51 · 9446 阅读 · 0 评论 -
三栏布局,拖拽边框控制容器大小(爬坑。。。)
1.首先是三栏布局的拖拽栏的实现有两种办法1.1 纯css实现方式1.2 Js实现方式1.3由于我的需求中含有iframe的内容,所以会发生鼠标拖动过快,移动到iframe上面事件失效的情况,解决办法也是两种1.3.1 简单粗暴的解决方式 pointer-events: none; 和pointer-events: auto; 控制这个属性值的切换.previewFrame { //包裹iframe的父容器的类选择器 pointer-events: auto;}1.3..原创 2022-04-16 23:41:09 · 551 阅读 · 0 评论 -
关于for循环
最近写代码的时候,又遇到一个很基础的知识点:循环数组时,哪种方法里可以使用break,以及return。下面总结一下:一、数组遍历1,普通for循环,经常用的数组遍历 1 2 3 4 vararr = [1,2,0,3,9]; for(vari = 0; i <arr.length; i++){ ...原创 2019-10-18 15:40:21 · 115 阅读 · 0 评论 -
拖拽事件中mouseUP失效导致移动一直跟随鼠标
每次都放这个图是因为希望大家在解决bug的烦躁中看到太阳花,能开心一些原创 2022-03-31 11:32:26 · 1454 阅读 · 0 评论 -
关于点击 radio 外边包裹的 div,触发 radio 点击事件,扩大点击范围
<div class="radioBox" v-for="it in item.labelValue" :key="it" :style="{ width: largeWidth.includes(it) ? '188px' : '120px' }" :class="{ active: it === chooseDataList[item.key] }" @click="choos.原创 2022-03-24 14:23:25 · 1172 阅读 · 0 评论 -
关于 hover 和 active 同时出现的切换 状态换背景图
<div class="listItemStyle" v-for="(item, index) in list" :key="index" :class="{ active: item.type === showCom }" @click="chooseItem(item.type)" ></div>//下面是style.listItemStyle { &:hover { backg.原创 2022-03-22 18:22:28 · 424 阅读 · 0 评论