背景 同一条数据被用户点击了多次，导致数据冗余，需要防止弱网络等环境下的重复点击 目标 通过在指定的接口处添加注解，实现根据指定的接口参数来防重复点击 说明 这里的重复点击是指在指定的时间段内多次点击按钮 技术方案 springboot + redis锁 + 注解 使用 feign ...

1 新建 preventReClick.js 2,在main.js中引用 3 在页面上使用 默认是3秒，如果想要自己传时间，直接写时间就好了 ...

封装一个自定义指令防止按钮重复提交。欢迎指正！ 1、创建preventReClick.js文件 2、main.js引入 3、页面中应用 ...

一、防抖函数手动写 防抖函数定义：一个需要频繁触发的函数，在规定时间内只让最后一次生效，前面的不生效 注意：debounce 的问题在于它“太有耐心了”。试想，如果用户的操作十分频繁——他每次都不等 debounce 设置的 delay 时间结束就进行下一次操作，于是每次 ...

监听click事件, 默认三秒钟内的点击事件触发第一次的点击事件,也可以通过throttleTime自定义时间 只触发第一次 默认三秒钟内的点击事件触发最后一次的点击事件,也可以通过debounceTime自定义时间 只触发最后一次 ...

VUE不仅为我们提供了自定义组件，还提供了自定义指令。当然，这个玩意我在VUE2中是没有用到过的。 VUE3中我大概试一下这个自定义指令： 官方文档： https://vue3js.cn/docs/zh/guide/custom-directive.html#动态指令参数 一：注册全局指令 ...

vue实现自动点击事件，刚进入页面即发生点击事件。 这里用的是vue的自定义指令directive，具体使用可移步到vue文档。 1.若是没有v-for循环，则直接放入directive自定义指令。 <template> <div class="clickdown ...

import Vue from "vue"; // vue自定义指令防抖 Vue.directive("antiShake", { bind: function(el, binding, vnode) { let ...