/*节流的实现*/
function thottle(fn) {
let timer;
return function(){
if(!timer){
timer = setTimeout(()=>{
fn.apply(this, arguments);
timer= null;
},5000)
}
}
}
function sy(){
console.log("jiuliu")
}
//应用
window.onscroll = throttle(sy)
//结果：每隔5000ms执行一次
//防抖
function debounce(fun){
let timer= null;
return function(){
clearTimeout(timer)
timer = setTimeout(()=>{
fun.apply(this,arguments)
},5000)
}
}
//应用
window.onscroll = debounce(sy)
//结果 总是执行最后一次行为后的结果
关于节流和防抖，这篇文章说的很好了，深入lodash源码分析防抖和节流深入篇 | Lodash 防抖和节流是怎么实...
前端性能优化：手写实现节流防抖 本文首发于 前端性能优化：手写实现节流防抖[https://gitee.com/r...
1. 认识防抖和节流 1.1. 对防抖和节流的认识 防抖和节流的概念其实最早并不是出现在软件工程中，防抖是出现在电...
一、认识防抖和节流函数 防抖和节流的概念其实最早并不是出现在软件工程中，防抖是出现在电子元件中，节流出现在流体流动...
lodash工具库里有实现防抖和节流的函数 防抖和节流严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，...
节流函数（throttling fountion）和防抖函数（debouncing fountion）都是为了实现...
1、手写instanceOf的实现原理 2、手写节流和防抖函数 2.1 节流函数 节流函数原理:规定在一个单位时间...
防抖和节流 防抖：单位时间内事件触发会被重置，避免事件被误伤触发多次。代码实现重在清零 clearTimeout。...
本文标题：防抖和节流的实现
本文链接：https://www.haomeiwen.com/subject/knqskctx.html
网友评论