首页 > TAG信息列表 > 之防抖
前端之防抖与节流。
最近在做前端的过程中,发现项目里有防抖和节流这块的内容,一开始并没有代码的意义, 随后在一处页面的按钮上,我找到了它的使用场景,在F12下我反复点击按钮,事件并没有立即触发,在经过指定的一段时间后才触发事件的执行。 隐约中我好像明白了代码在此处场景的使用意义:就是为了防止用户法反【JavaScript】之防抖节流的实现
防抖 防抖,即为防止抖动,避免将一次事件误认为多次。 意思是当你提出多次事件请求时,只会响应最近一次的请求。 以点击按钮实现1s后盒子宽度增大的效果为例,当我们不停点击按钮时,只会执行最后一次请求: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <javascript性能优化之防抖和节流【附源码】
防抖debounce 连续的多次动作内,只执行最后一次动作 ⭐️ 设想下面场景: 有一个提交按钮,每次点击提交之后,就会向后台发起ajax请求 这样设计会有问题:用户在一定时间内多次点击提交,按钮就会像多次向后台发送请求!! 这时候,防抖就非常有用:用户在一定时间内无论多点击多少次提交,按