静态网址,优化设计的答案,做网站有几种语言,营销渠道分为三种模式// 函数防抖#xff1a; 在事件被触发 n 秒后再执行回调#xff0c;如果在这 n 秒内事件又被触发#xff0c;则重新计时。// 函数节流#xff1a; 规定一个单位时间#xff0c;在这个单位时间内#xff0c;只能有一次触发事件的回调函数执行#xff0c;如果在同一个单位…// 函数防抖 在事件被触发 n 秒后再执行回调如果在这 n 秒内事件又被触发则重新计时。// 函数节流 规定一个单位时间在这个单位时间内只能有一次触发事件的回调函数执行如果在同一个单位时间内某事件被触发多次只有一次能生效。// 函数防抖的实现
function debounce(fn, wait) {var timer null;return function () {var context this,args arguments;// 如果此时存在定时器的话则取消之前的定时器重新记时if (timer) {clearTimeout(timer);timer null;}// 设置定时器使事件间隔指定事件后执行timer setTimeout(() {fn.apply(context, args);}, wait);};
}// 函数节流的实现;
function throttle(fn, delay) {var preTime Date.now();return function () {var context this,args arguments,nowTime Date.now();// 如果两次时间间隔超过了指定时间则执行函数。if (nowTime - preTime delay) {preTime Date.now();return fn.apply(context, args);}};
}函数防抖是指在事件被触发 n 秒后再执行回调如果在这 n 秒内事件又被触发则重新计时。这可以使用在一些点击请求的事件上避免因为用户的多次点击向后端发送多次请求。
函数节流是指规定一个单位时间在这个单位时间内只能有一次触发事件的回调函数执行如果在同一个单位时间内某事件被触发多次只有一次能生效。节流可以使用在 scroll 函数的事件监听上通过事件节流来降低事件调用的频率。
