首页 > 其他分享 >防抖与节流

防抖与节流

时间:2023-03-25 20:34:55浏览次数:31  
标签:触发 防抖 lodash 函数 input 节流

防抖:前面的所有触发都被取消,最后一次执行在规定的时间之后才会触发,也就是说如果连续的快速触发,只会执行一次

节流:在规定的间隔时间范围内不会重复的触发回调,只有大于这个时间间隔才会触发回调,把频繁触发变为少量触发

 

解决方案:使用lodash函数

防抖函数:

 

 

<script>
import _ from 'lodash'
export default {
    mounted(){
        let input = document.querySelector('input');
        input.oninput = _.debounce(function(){
            console.log("ajax发请求");
        },2000)//2s之后执行回调函数
    }
}
</script>

 

标签:触发,防抖,lodash,函数,input,节流
From: https://www.cnblogs.com/ixtao/p/17255522.html

相关文章

  • 防抖与节流
    1、什么是防抖防抖策略(debounce)是当事件被触发后,延迟n秒后再执行回调,如果在这n秒内事件又被触发,则重新计时。  2、防抖的应用场景:用户在输入框中连续输入一串字符时......
  • 手写防抖和节流
    constbox=document.querySelector('#box')leti=1functionmove(){box.innerHTML=i++}......
  • 回顾IO流(字节流和字符流)
    IO流1.什么是IO流存储和读取数据的解决方案2.IO流的作用用于读写数据(本地,网络)3.IO流按照流向可以分为哪两种?程序->文件(Input)文件->程序(Output)4.IO流按照......
  • Java中使用字节流和字符流操作文件的几种方法和性能对比
    注:本文转自:https://mp.weixin.qq.com/s/QuFkw-f1l0kyOqsBNNrRmw在Java中操作文件的方法本质上只有两种:字符流和字节流,而字节流和字符流的实现类又有很多,因此在文件写入......
  • 前端实现防抖和节流(简版&完备)
    前言防抖函数是一种常用的优化方法,可以避免在短时间内频繁触发某个函数而导致性能问题。作用是在一定时间内,如果重复触发同一个函数,只执行最后一次,以减少函数执行次数,节......
  • 104前端之函数防抖,函数节流
    函数防抖和函数节流是JavaScript中常用的性能优化技巧,它们的目的是减少函数执行的次数,从而提高页面的响应速度和性能。下面是两个常见的应用场景:​ 1.函数防抖函数防......
  • js事件的防抖和节流处理
    1.为什么需要处理?在进行窗口的resize、scroll、输出框内容校验等操纵的时候,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常之差。那么为了前端性......
  • IO流-字节流2
    IO流-字节流2packageIO.ByteStream;importjava.io.FileOutputStream;importjava.io.IOException;publicclassByteStreamException{publicstaticvoidmai......
  • java-IO-字节流读数据(一次读一个字节数组数据)
         ......
  • java-IO-字节流复制文本文件
          ......