防抖与节流

发布时间 2023-03-25 20:27:44作者: TestRookie

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

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

 

解决方案:使用lodash函数

防抖函数:

 

 

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