后端接口防抖实现

已于 2024-02-19 10:53:21 修改
阅读量309 收藏 4
点赞数 5
文章标签： java 开发语言
于 2024-02-19 10:25:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43513370/article/details/136164305
版权

1.场景

通过aop实现接口一段时间内的重复性访问

2.

配置

应用

3.编码实现

注解实现

@Target(ElementType.METHOD)
@Retention(RetentionPolicy.RUNTIME)
@Documented
@Inherited
public @interface LimitSubmit {
    String key() ;
    /**
     * 默认 10s
     */
    int limit() default 7200;

    /**
     * 请求完成后 是否一直等待
     * true则等待
     * @return
     */
    boolean needAllWait() default true;
}

aop实现

@Component
@Aspect
@Slf4j
public class LimitSubmitAspect {
    //封装了redis操作各种方法
    @Autowired
    private RedisUtil redisUtil;

    @Pointcut("@annotation(org.jeecg.common.interfaceSub.LimitSubmit)")
    private void pointcut() {
    }

    @Pointcut("@annotation(org.jeecg.common.interfaceSub.LimitSubmit)")
    private void pointcut1() {
    }

    @Around("pointcut()")
    public Object handleSubmit(ProceedingJoinPoint joinPoint) throws Throwable {
        LoginUser sysUser = (LoginUser) SecurityUtils.getSubject().getPrincipal();

        Method method = ((MethodSignature) joinPoint.getSignature()).getMethod();
        //获取注解信息
        LimitSubmit limitSubmit = method.getAnnotation(LimitSubmit.class);
        boolean needAllWait = limitSubmit.needAllWait();
        String redisKey = limitSubmit.key();


        int submitTimeLimiter = limitSubmit.limit();
        String key = getRedisKey(joinPoint, redisKey, sysUser);
        Object result = redisUtil.get(key);
        log.info("开始锁定资源信息" + key);

        if (result != null) {
            log.info("锁定的值是" + result.toString());
            throw new RepeatCommitException("正在处理中, 请勿重复操作");
        }
        boolean setResult = redisUtil.setIfAbsent(key, String.valueOf(System.currentTimeMillis()), submitTimeLimiter);
        if (!setResult) {
            throw new RepeatCommitException("1正在处理中, 请勿重复操作");
        }


        try {
            Object proceed = joinPoint.proceed();
            return proceed;
        } catch (Throwable e) {
            log.error("Exception in {}.{}() with cause = \'{}\' and exception = \'{}\'", joinPoint.getSignature().getDeclaringTypeName(),
                    joinPoint.getSignature().getName(), e.getCause() != null ? e.getCause() : "NULL", e.getMessage(), e);
            throw e;
        } finally {
            if (!needAllWait) {
                redisUtil.del(redisKey);
                log.info("删除后的结果: " + redisUtil.get(redisKey));
            }
        }
    }


    @AfterReturning("pointcut1()")
    public void AfterReturning(JoinPoint joinPoint) {
        LoginUser sysUser = (LoginUser) SecurityUtils.getSubject().getPrincipal();
        Method method = ((MethodSignature) joinPoint.getSignature()).getMethod();
        LimitSubmit limitSubmit = method.getAnnotation(LimitSubmit.class);
        String redisKey = limitSubmit.key();
        String key = getRedisKey1(joinPoint, redisKey, sysUser);
        log.info("正常释放了锁资源" + key);
        // 延时 1s 释放
        try {
            Thread.sleep(1000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        } finally {
            redisUtil.del(key);
            log.info("删除后的结果: " + redisUtil.get(redisKey));
        }
    }

    @AfterThrowing(pointcut = "pointcut1()", throwing = "ex")
    public void AfterThrowing(JoinPoint joinPoint, Throwable ex) {
        if (!(ex instanceof RepeatCommitException)) {
            // 抛出的如果不是重复性提交的异常, 则释放锁资源
            LoginUser sysUser = (LoginUser) SecurityUtils.getSubject().getPrincipal();
            Method method = ((MethodSignature) joinPoint.getSignature()).getMethod();
            LimitSubmit limitSubmit = method.getAnnotation(LimitSubmit.class);
            String redisKey = limitSubmit.key();
            String key = getRedisKey1(joinPoint, redisKey, sysUser);
            log.info("发生异常释放了锁资源" + key);
            // 延时 1s 释放
            try {
                Thread.sleep(1000);
            } catch (InterruptedException e) {
                e.printStackTrace();
            } finally {
                redisUtil.del(key);
                log.info("删除后的结果: " + redisUtil.get(redisKey));
            }
        }
    }

    /**
     * 支持多参数，从请求参数进行处理
     */
    private String getRedisKey(ProceedingJoinPoint joinPoint, String key, LoginUser sysUser) {
        if (key.contains("%s") && sysUser != null) {
            key = String.format(key, sysUser.getId());
        }
        Method method = ((MethodSignature) joinPoint.getSignature()).getMethod();

        LocalVariableTableParameterNameDiscoverer discoverer = new LocalVariableTableParameterNameDiscoverer();
        String[] parameterNames = discoverer.getParameterNames(method);
        if (parameterNames != null) {
            for (int i = 0; i < parameterNames.length; i++) {
                String item = parameterNames[i];
                if (key.contains("#" + item)) {
                    key = key.replace("#" + item, joinPoint.getArgs()[i].toString());
                }
            }
        }
        return key.toString();
    }

    private String getRedisKey1(JoinPoint joinPoint, String key, LoginUser sysUser) {
        if (key.contains("%s") && sysUser != null) {
            key = String.format(key, sysUser.getId());
        }
        Method method = ((MethodSignature) joinPoint.getSignature()).getMethod();

        LocalVariableTableParameterNameDiscoverer discoverer = new LocalVariableTableParameterNameDiscoverer();
        String[] parameterNames = discoverer.getParameterNames(method);
        if (parameterNames != null) {
            for (int i = 0; i < parameterNames.length; i++) {
                String item = parameterNames[i];
                if (key.contains("#" + item)) {
                    key = key.replace("#" + item, joinPoint.getArgs()[i].toString());
                }
            }
        }
        return key.toString();
    }
}

redis工具类

@Component
public class RedisUtil {

    @Autowired
    private RedisTemplate<String, Object> redisTemplate;
    @Autowired
    private StringRedisTemplate stringRedisTemplate;

    private static final Integer is_show_time = 60 * 60 * 24;

    /**
     * 指定缓存失效时间
     *
     * @param key  键
     * @param time 时间(秒)
     * @return
     */
    public boolean expire(String key, long time) {
        try {
            if (time > 0) {
                redisTemplate.expire(key, time, TimeUnit.SECONDS);
            }
            return true;
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
    }

    /**
     * 根据key 获取过期时间
     *
     * @param key 键 不能为null
     * @return 时间(秒) 返回0代表为永久有效
     */
    public long getExpire(String key) {
        return redisTemplate.getExpire(key, TimeUnit.SECONDS);
    }

    /**
     * 判断key是否存在
     *
     * @param key 键
     * @return true 存在 false不存在
     */
    public boolean hasKey(String key) {
        try {
            return redisTemplate.hasKey(key);
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
    }

    /**
     * 删除缓存
     *
     * @param key 可以传一个值 或多个
     */
    @SuppressWarnings("unchecked")
    public void del(String... key) {
        if (key != null && key.length > 0) {
            if (key.length == 1) {
                redisTemplate.delete(key[0]);
            } else {
                redisTemplate.delete(CollectionUtils.arrayToList(key));
            }
        }
    }

    // ============================String=============================

    /**
     * 普通缓存获取
     *
     * @param key 键
     * @return 值
     */
    public Object get(String key) {
        return key == null ? null : redisTemplate.opsForValue().get(key);
    }

    /**
     * 普通缓存放入
     *
     * @param key   键
     * @param value 值
     * @return true成功 false失败
     */
    public boolean set(String key, Object value) {
        try {
            redisTemplate.opsForValue().set(key, value);
            return true;
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }

    }

    /**
     * 普通缓存放入并设置时间
     *
     * @param key   键
     * @param value 值
     * @param time  时间(秒) time要大于0 如果time小于等于0 将设置无限期
     * @return true成功 false 失败
     */
    public boolean set(String key, Object value, long time) {
        try {
            if (time > 0) {
                redisTemplate.opsForValue().set(key, value, time, TimeUnit.SECONDS);
            } else {
                set(key, value);
            }
            return true;
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
    }

    /**
     * 递增
     *
     * @param key 键
     * @param by  要增加几(大于0)
     * @return
     */
    public long incr(String key, long delta) {
        if (delta < 0) {
            throw new RuntimeException("递增因子必须大于0");
        }
        return redisTemplate.opsForValue().increment(key, delta);
    }

    /**
     * 递减
     *
     * @param key 键
     * @param by  要减少几(小于0)
     * @return
     */
    public long decr(String key, long delta) {
        if (delta < 0) {
            throw new RuntimeException("递减因子必须大于0");
        }
        return redisTemplate.opsForValue().increment(key, -delta);
    }

    // ================================Map=================================

    /**
     * HashGet
     *
     * @param key  键 不能为null
     * @param item 项 不能为null
     * @return 值
     */
    public Object hget(String key, String item) {
        return redisTemplate.opsForHash().get(key, item);
    }

    /**
     * 获取hashKey对应的所有键值
     *
     * @param key 键
     * @return 对应的多个键值
     */
    public Map<Object, Object> hmget(String key) {
        return redisTemplate.opsForHash().entries(key);
    }

    /**
     * HashSet
     *
     * @param key 键
     * @param map 对应多个键值
     * @return true 成功 false 失败
     */
    public boolean hmset(String key, Map<String, Object> map) {
        try {
            redisTemplate.opsForHash().putAll(key, map);
            return true;
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
    }

    /**
     * HashSet 并设置时间
     *
     * @param key  键
     * @param map  对应多个键值
     * @param time 时间(秒)
     * @return true成功 false失败
     */
    public boolean hmset(String key, Map<String, Object> map, long time) {
        try {
            redisTemplate.opsForHash().putAll(key, map);
            if (time > 0) {
                expire(key, time);
            }
            return true;
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
    }

    /**
     * 向一张hash表中放入数据,如果不存在将创建
     *
     * @param key   键
     * @param item  项
     * @param value 值
     * @return true 成功 false失败
     */
    public boolean hset(String key, String item, Object value) {
        try {
            redisTemplate.opsForHash().put(key, item, value);
            return true;
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
    }

    /**
     * 向一张hash表中放入数据,如果不存在将创建
     *
     * @param key   键
     * @param item  项
     * @param value 值
     * @param time  时间(秒) 注意:如果已存在的hash表有时间,这里将会替换原有的时间
     * @return true 成功 false失败
     */
    public boolean hset(String key, String item, Object value, long time) {
        try {
            redisTemplate.opsForHash().put(key, item, value);
            if (time > 0) {
                expire(key, time);
            }
            return true;
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
    }

    /**
     * 删除hash表中的值
     *
     * @param key  键 不能为null
     * @param item 项 可以使多个 不能为null
     */
    public void hdel(String key, Object... item) {
        redisTemplate.opsForHash().delete(key, item);
    }

    /**
     * 判断hash表中是否有该项的值
     *
     * @param key  键 不能为null
     * @param item 项 不能为null
     * @return true 存在 false不存在
     */
    public boolean hHasKey(String key, String item) {
        return redisTemplate.opsForHash().hasKey(key, item);
    }

    /**
     * hash递增 如果不存在,就会创建一个 并把新增后的值返回
     *
     * @param key  键
     * @param item 项
     * @param by   要增加几(大于0)
     * @return
     */
    public double hincr(String key, String item, double by) {
        return redisTemplate.opsForHash().increment(key, item, by);
    }

    /**
     * hash递减
     *
     * @param key  键
     * @param item 项
     * @param by   要减少记(小于0)
     * @return
     */
    public double hdecr(String key, String item, double by) {
        return redisTemplate.opsForHash().increment(key, item, -by);
    }

    // ============================set=============================

    /**
     * 根据key获取Set中的所有值
     *
     * @param key 键
     * @return
     */
    public Set<Object> sGet(String key) {
        try {
            return redisTemplate.opsForSet().members(key);
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
    }

    /**
     * 根据value从一个set中查询,是否存在
     *
     * @param key   键
     * @param value 值
     * @return true 存在 false不存在
     */
    public boolean sHasKey(String key, Object value) {
        try {
            return redisTemplate.opsForSet().isMember(key, value);
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
    }

    /**
     * 将数据放入set缓存
     *
     * @param key    键
     * @param values 值 可以是多个
     * @return 成功个数
     */
    public long sSet(String key, Object... values) {
        try {
            return redisTemplate.opsForSet().add(key, values);
        } catch (Exception e) {
            e.printStackTrace();
            return 0;
        }
    }

    /**
     * 将set数据放入缓存
     *
     * @param key    键
     * @param time   时间(秒)
     * @param values 值 可以是多个
     * @return 成功个数
     */
    public long sSetAndTime(String key, long time, Object... values) {
        try {
            Long count = redisTemplate.opsForSet().add(key, values);
            if (time > 0) {
                expire(key, time);
            }
            return count;
        } catch (Exception e) {
            e.printStackTrace();
            return 0;
        }
    }

    /**
     * 获取set缓存的长度
     *
     * @param key 键
     * @return
     */
    public long sGetSetSize(String key) {
        try {
            return redisTemplate.opsForSet().size(key);
        } catch (Exception e) {
            e.printStackTrace();
            return 0;
        }
    }

    /**
     * 移除值为value的
     *
     * @param key    键
     * @param values 值 可以是多个
     * @return 移除的个数
     */
    public long setRemove(String key, Object... values) {
        try {
            Long count = redisTemplate.opsForSet().remove(key, values);
            return count;
        } catch (Exception e) {
            e.printStackTrace();
            return 0;
        }
    }
    // ===============================list=================================

    /**
     * 获取list缓存的内容
     *
     * @param key   键
     * @param start 开始
     * @param end   结束 0 到 -1代表所有值
     * @return
     */
    public List<Object> lGet(String key, long start, long end) {
        try {
            return redisTemplate.opsForList().range(key, start, end);
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
    }

    /**
     * 获取list缓存的长度
     *
     * @param key 键
     * @return
     */
    public long lGetListSize(String key) {
        try {
            return redisTemplate.opsForList().size(key);
        } catch (Exception e) {
            e.printStackTrace();
            return 0;
        }
    }

    /**
     * 通过索引 获取list中的值
     *
     * @param key   键
     * @param index 索引 index>=0时， 0 表头，1 第二个元素，依次类推；index<0时，-1，表尾，-2倒数第二个元素，依次类推
     * @return
     */
    public Object lGetIndex(String key, long index) {
        try {
            return redisTemplate.opsForList().index(key, index);
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
    }

    /**
     * 将list放入缓存
     *
     * @param key   键
     * @param value 值
     * @param time  时间(秒)
     * @return
     */
    public boolean lSet(String key, Object value) {
        try {
            redisTemplate.opsForList().rightPush(key, value);
            return true;
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
    }

    /**
     * 将list放入缓存
     *
     * @param key   键
     * @param value 值
     * @param time  时间(秒)
     * @return
     */
    public boolean lSet(String key, Object value, long time) {
        try {
            redisTemplate.opsForList().rightPush(key, value);
            if (time > 0) {
                expire(key, time);
            }
            return true;
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
    }

    /**
     * 将list放入缓存
     *
     * @param key   键
     * @param value 值
     * @param time  时间(秒)
     * @return
     */
    public boolean lSet(String key, List<Object> value) {
        try {
            redisTemplate.opsForList().rightPushAll(key, value);
            return true;
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
    }

    /**
     * 将list放入缓存
     *
     * @param key   键
     * @param value 值
     * @param time  时间(秒)
     * @return
     */
    public boolean lSet(String key, List<Object> value, long time) {
        try {
            redisTemplate.opsForList().rightPushAll(key, value);
            if (time > 0) {
                expire(key, time);
            }
            return true;
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
    }

    /**
     * 根据索引修改list中的某条数据
     *
     * @param key   键
     * @param index 索引
     * @param value 值
     * @return
     */
    public boolean lUpdateIndex(String key, long index, Object value) {
        try {
            redisTemplate.opsForList().set(key, index, value);
            return true;
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
    }

    /**
     * 移除N个值为value
     *
     * @param key   键
     * @param count 移除多少个
     * @param value 值
     * @return 移除的个数
     */
    public long lRemove(String key, long count, Object value) {
        try {
            Long remove = redisTemplate.opsForList().remove(key, count, value);
            return remove;
        } catch (Exception e) {
            e.printStackTrace();
            return 0;
        }
    }

    /**
     * @Description 上锁并设置过期时间
     * @Date 15:09 2023/7/7
     * @Param [key, value, time]
     * @return boolean
     **/
    public boolean setIfAbsent(String key, Object value, long time) {
        try {
            return redisTemplate.opsForValue().setIfAbsent(key, value, time, TimeUnit.SECONDS);
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
    }
}

3.应用

在正常的controller上加上接口限制访问注解

@ApiOperation("套装商品管理-新增套装商品")
    @PostMapping(value = "/saveSuitCommodity")
    @LimitSubmit(key = "saveSuitCommodityByButton:%s")
    public Result<?> saveSuitCommodity(@RequestBody SuitCommodityVO suitCommodity) {
        Result<Object> result = new Result<>();
        suitCommodity.setCreateUser(getUserId());
        suitCommodity.setCreateUserName(getUser().getRealname());
        suitCommodity.setCreateTime(new Date());
        /**
         * 往销售渠道 list中加入创建信息  用于新增销售渠道表数据
         */
        for (TPrdCommoditySaleNetworkEntity tPrdCommoditySaleNetworkEntity : suitCommodity.getSaleList()) {
            tPrdCommoditySaleNetworkEntity.setCreateUser(getUserId());
            tPrdCommoditySaleNetworkEntity.setCreateUserName(getUser().getRealname());
            tPrdCommoditySaleNetworkEntity.setCreateTime(new Date());
        }
        Map<String, String> map = tPrdCommodityService.addSuitCommodity(suitCommodity);
        if ("200".equals(map.get("code"))) {
            result.setMessage(map.get("message"));
            result.setResult(map);
            return result;
        } else {
            return result.error500(map.get("message"));
        }
    }

胡萝卜、
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用定时器实现按键防抖的源代码
05-11
使用定时器实现按键防抖的源代码
防抖处理(后端处理)
qq_44706044的博客
06-28 4638
什么是防抖 ？ 在一定时间间隔内函数被触发多次，但只执行最后一次。 PS:虽然实际场景中都是前端在处理，但是后端也是需要进行处理的。 解决方案思路：通过SpringMvc对请求进行拦截，然后进行重复校验，具体步骤看下面。 1.配置自定义的拦截器 /** * 防止重复提交拦截器 * * @author ruoyi */ @Component public abstract class RepeatSubmitInterceptor extends HandlerInterceptorAdapter {
防抖和节流及多种实现方式，我们可以使用防抖和节流来限制函数的调用次数，从而提高性能和用户体验
m0_64342982的博客
04-24 1140
节流的实现思路是：每次事件被触发时，如果函数没有在指定的时间间隔内被调用过，则调用函数并设置一个计时器，在指定的时间间隔内不再触发事件。防抖的实现思路是：每次事件被触发时，设置一个计时器，在指定的时间间隔内，如果该事件被再次触发，则清除计时器并重新开始计时，直到指定的时间间隔内没有事件触发为止，然后调用函数。这个函数中， last 记录上次执行函数的时间戳，每次事件触发时，计算当前时间戳与上次执行函数的时间戳的差值，如果超过指定的时间间隔，则执行函数并更新 last。否则等待指定的时间间隔后再执行。
防抖 & 节流
all_imagination的博客
02-17 356
开始 防抖节流是前端性能优化的一种手段之一，它们的目的都是防止某一事件一段时间内频发触发，但是两者的原理不一样。 根据上图，我们也可以很清晰地看到他们的原理，总结如下： 防抖：事件触发 n 秒后执行它的回调函数，如果 n 秒内重新触发，那么重新计时。 节流： n 秒内只执行一次事件 防抖 基于上述的定义，我们可以很快地写出第一版的代码 const debounce = function (fn, delay = 3000) { let timer = null // 闭包引用 re
防抖(debounce) 和 节流(throttling)
程序员良仔
07-04 1370
防抖和节流实现原理，应用场景，有什么区别，这个问题在面试中也是高频题，本文为大家解答
如何防抖（防止重复提交）
qq_41374726的博客
07-21 1341
防重复提交处理
Java版的防抖(debounce)和节流(throttle)
Chenhui98的博客
08-09 2036
Java版的防抖(debounce)和节流(throttle)
节流防抖前后端解决方案
资料免费分享，点击名片
11-14 356
接口幂等性是指在分布式系统中，对于相同的请求，无论请求多少次，都应该返回相同的结果。这意味着，如果请求已经处理完毕，那么重复请求应该返回相同的响应，而不应该产生额外的副作用。这种特性对于确保系统的稳定性和一致性非常重要，尤其是在处理并发请求和网络异常的情况下。在编程中，可以通过一些特定的设计来实现接口幂等性，例如使用全局唯一的ID来标记请求，或者使用乐观锁机制来防止重复处理等。防抖（Debouncing）是一种在前端开发中常用的技术，主要用于减少不必要的频繁操作，提高性能和用户体验。
接口如何设置节流与防抖（前后端）
Reische的博客
11-14 658
接口幂等性是指在分布式系统中，对于相同的请求，无论请求多少次，都应该返回相同的结果。这意味着，如果请求已经处理完毕，那么重复请求应该返回相同的响应，而不应该产生额外的副作用。这种特性对于确保系统的稳定性和一致性非常重要，尤其是在处理并发请求和网络异常的情况下。在编程中，可以通过一些特定的设计来实现接口幂等性，例如使用全局唯一的ID来标记请求，或者使用乐观锁机制来防止重复处理等。防抖（Debouncing）是一种在前端开发中常用的技术，主要用于减少不必要的频繁操作，提高性能和用户体验。
后端使用aop和redis实现防抖
又菜又爱玩的博客
10-11 702
在公司的代码开发中遇到了,快速点击就会重复提交的bug，刚好最近在优化代码于是想着在后端实现防抖。
＜ 今日小技巧：Axios封装，接口请求增加防抖功能 ＞
一个平平无奇的技术宅
07-24 989
今天这篇文章，主要是讲述对axios封装的请求，由于部分请求可能存在延时的情况。使得接口可能存在会被持续点击（即：接口未响应的时间内，被持续请求），导致重复请求的问题，容易降低前后端服务的性能！故提出给axios封装的配置里面，新增一个防抖函数，用来限制全局请求的防抖。
简单实现节流函数和防抖函数过程解析
10-16
主要介绍了简单实现节流函数和防抖函数过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
javascript实现节流和防抖
03-15
javascript实现节流和防抖
JS函数节流和防抖之间的区分和实现详解
10-17
本文主要介绍的是关于JS中比较常用的函数：节流函数和防抖函数，从概念、使用场景到代码简单实现做了一个详细的区分。感兴趣的小伙伴们可以参考一下
Css3实现无缝滚动防抖
11-19
问题
《优化接口设计的思路》接口防抖(防重复提交)的一些方式
Reische的博客
12-08 1108
作为一名从业已达六年的老码农，我的工作主要是开发后端Java业务系统，包括各种管理后台和小程序等。在这些项目中，我设计过单/多租户体系系统，对接过许多开放平台，也搞过消息中心这类较为复杂的应用，但幸运的是，我至今还没有遇到过线上系统由于代码崩溃导致资损的情况。这其中的原因有三点：一是业务系统本身并不复杂；二是我一直遵循某大厂代码规约，在开发过程中尽可能按规约编写代码；三是经过多年的开发经验积累，我成为了一名熟练工，掌握了一些实用的技巧。
vue项目中使用全局自定义指令实现防抖和节流，防止频繁调用接口
weixin_51938803的博客
04-21 2956
vue项目中使用全局自定义指令实现防抖和节流，防止频繁调用接口
springboot实现全局api幂等（后端实现防抖功能）
最新发布
m0_63410831的博客
02-07 769
用户在实际操作中，有可能因为手抖或者网络波动，短时间内将一个相同的请求重复提交多次。系统也会多次执行这些请求，就有可能会出现一些问题。例如创建新用户功能：我们一般会先验证用户名是否已存在，再去insert用户信息。但由于用户手抖，极短的时间点了两次提交按钮。前端没防住的情况下两个相同参数的请求几乎同时到达了后端。两个请求由于间隔时间太短，验证用户名是否存在的时候都成功了，于是数据库insert了两条除id外，其余字段都相同的数据。这可能会对以后的业务造成意料之外的影响。对于这种情况，我们有很我们有很多解决方
vue 请求接口防抖节流怎么实现
04-20
可以使用Lodash库中的_.debounce和_.throttle函数来实现。其中，_.debounce函数会在用户停止输入一段时间后触发请求，而_.throttle函数会在一定时间间隔内只触发一次请求。具体实现可以参考以下代码： ``` //使用lodash库中的函数 import { debounce, throttle } from 'lodash' //定义debounce请求函数 const debounceRequest = debounce((params) => { //要执行的请求操作 },200) //定义throttle请求函数 const throttleRequest = throttle((params) => { //要执行的请求操作 },200) //监听输入框输入事件，使用debounce函数进行请求节流 const searchInput = document.getElementById('search-input') searchInput.addEventListener('input', (event) => { debounceRequest(event.target.value) }) //监听滚动事件，使用throttle函数进行请求节流 const scrollView = document.getElementById('scroll-view') scrollView.addEventListener('scroll', (event) => { throttleRequest({scrollTop: scrollView.scrollTop}) }) ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值