10 2021 档案

漂亮的防抖与节流
摘要：JS防抖与节流快速了解与应用-云社区-华为云 (huaweicloud.com) 防抖三个阶段 1.1s后执行1次，多次点击不执行 2.首次点击执行，多次点击只执行第一次，（执行1次） 3.首次点击执行，多次点击只执行最后一次，（执行2次） 1- <template> <div> <el-butto 阅读全文
posted @ 2021-10-20 11:23 乐盘游 阅读(70) 评论(0) 推荐(0)
SCSS全局安装+更改el-dialog背景及文字颜色
摘要：参考网页——vue 项目中使用scss，并设置scss全局变量 - 简书 (jianshu.com)、 Node Sass version 6.0.0 is incompatible with^4.0.0_码龄1年零3个月的博客-CSDN博客 1.装SCSS cnpm install sass-lo 阅读全文
posted @ 2021-10-19 10:16 乐盘游 阅读(1339) 评论(0) 推荐(0)
图片热地图——点击不同区域有不同反映+SVG热图问题
摘要：<template> <div> <div class="popup" v-if="showPopup"> <detail-dialog :visible="showPopup" :kind="season" @exitDialog="exitDialog" /> </div> <img :src= 阅读全文
posted @ 2021-10-18 17:39 乐盘游 阅读(333) 评论(0) 推荐(0)
持久化存储
摘要：// 短时存储写入 export function setSessionStorage(key,value){ if(typeof value 'string'){ return window.sessionStorage.setItem(key,value); } else{ return win 阅读全文
posted @ 2021-10-18 09:56 乐盘游 阅读(66) 评论(0) 推荐(0)
块级元素把它的小伙伴挤下去的坑
摘要：0. 问题 希望A和B并排，C独占一行，A和B共同区域叫做D，结果实际操作中留给D的空间足够大，却一直像下图一样把B挤下去。 控制台里选择元素后，D区域里B的毛都看不见了 而选择C的时候，却包含了B区域， 这个问题我百思不得其解。 1. 原因 还有选中C为什么会包含B，因为C是高度自适应的，上面的高 阅读全文
posted @ 2021-10-15 14:26 乐盘游 阅读(82) 评论(0) 推荐(0)
自定义v-draggable指定拖动el-dialog
摘要：参考网页——vue项目中常用自定义指令的使用 - smile_or - 博客园 (cnblogs.com) Vue自定义指令实现element-ui dialog拖拽调整位置和窗口大小_m0_43422403的博客-CSDN博客 0.需求 拖动el-dialog的标题才能拖动 右下角的关闭按钮点击即 阅读全文
posted @ 2021-10-15 11:43 乐盘游 阅读(369) 评论(0) 推荐(0)
悬浮窗样式设置+跟随鼠标移动的悬浮框demo
摘要：// template <div id="tooltips" :style="tooltipStyle"> <ul v-for="item in tooltipDatas" :key="item"> <li>{{ item }}</li> </ul> </div> // data // show t 阅读全文
posted @ 2021-10-09 18:17 乐盘游 阅读(1019) 评论(0) 推荐(0)
弹性盒布局
摘要：// 设置窗体的大小 @mixin setWindowSize( $width: null, $height: null, $minwidth: null, $maxwidth: null, $minheight: null, $maxheight: null ) { width: $width; 阅读全文
posted @ 2021-10-09 14:23 乐盘游 阅读(45) 评论(0) 推荐(0)
超级表格组件之render抽象
摘要：参考——element el-table表格的vue组件二次封装（附表格高度自适应） - 掘金 (juejin.cn) JSX——Vue JSX、自定义 v-model - 你的美好，我都记得 (ainyi.com) 0.问题 抽象一个复杂表格组件 1.解决方法 借助element自己的render 阅读全文
posted @ 2021-10-09 11:43 乐盘游 阅读(80) 评论(0) 推荐(0)