防抖:连续快速的触发,只会执行最后一次
节流:在规定的时间范围内不会重复触发,只有在大于这个时间间隔才会触发回调,把频繁的触发变为少量触发【可以给浏览器充裕的时间解析代码】
解决方式:
lodash插件:里面封装函数的防抖与节流业务【闭包+延时器】
1.引入lodash
<script src="./lodash.js"></script>
lodash函数库对外暴露的是_函数
方式一:
2.使用:函数中的 let result = _.debounce(function(){
console.log("1s后执行")
},1000)
result();
【注意】:_.debounce返回的是函数
方式二:
button.οnclick=_throttle(function(){
console.log("5s后执行")
},5000)