欢迎光临
我的个人博客网站

第 47 题:什么是防抖和节流?


防抖

触发高频事件后 n 秒内函数只会执行一次,如果 n 秒内高频事件再次被触发,则重新计算时间

<script> export default {     data() {         return {             timer: null         };     },     methods: {         click() {             clearTimeout(this.timer);              this.timer = setTimeout(() => {                 console.log('鼠标单击');             }, 200);         }     } }; </script> 

节流

在单位时间内, 只会触发一次事件,如果事件触发后,又重复触发了同一事件,则忽略后面触发的事件,直到第一次事件的计时结束

<script> export default {     data() {         return {             isFinshed: true         };     },     methods: {         click() {             if (this.isFinshed === true) {                 this.isFinshed = false;                  this.timer = setTimeout(() => {                     console.log('鼠标单击');                     this.isFinshed = true;                 }, 200);             }         }     } }; 

文章的内容/灵感都从下方内容中借鉴

赞(0) 打赏
未经允许不得转载:张拓的天空 » 第 47 题:什么是防抖和节流?
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏