襄阳营销型网站jsp网站开发中常见问题

节流和防抖都是通过降低事件执行的频率而达到节省资源的效果

节流

一段时间只执行一次，多少秒之后获取验证码、resize 事件和scroll 事件等

类似王者荣耀中的传送，一段时间内只能传送一次，具体实现如下：

function throttle(fn, delay) {let lastTime = 0;return function () {let currentTime = Date.now();if (currentTime - lastTime > delay) {lastTime = currentTime;fn.apply(this, arguments);}};
}

防抖

一段时间内连续触发事件，只执行最后一次，如搜索，手机号、邮箱地址的校验

类似王者荣耀中的回城操作，如果被打断则重新计时，不打断则执行最后一次操作。

代码实现如下：

function debounce(fn, delay) {let timer = null;return function () {if (timer) {clearTimeout(timer);}timer = setTimeout(() => {fn.apply(this, arguments);}, delay);};
}

具体应用实现如下：

&