温州自媒体公司_北京高端网站建设规划_短链接生成_网络营销专业介绍

直接上代码

防抖(js)

export function debounce(fn, time, immediate) {let timer = null;const debounced = function () {const context = this;const args = arguments;if (timer) clearTimeout(timer); // 清除前一个定时器if (immediate) {// 为true立即执行const callNow = !timer;timer = setTimeout(() => {timer = null;}, time || 500);if (callNow) fn.apply(context, args);} else {// 非立即执行timer = setTimeout(function () {fn.apply(context, args);}, time || 500);}};debounced.cancel = function () {// 取消防抖clearTimeout(timer);timer = null;};return debounced;
}

节流(js)

/*** 节流throttle:所谓节流，就是指连续触发事件但是在 n 秒中只执行一次函数。* 节流会稀释函数的执行频率。* @param {Function} func 执行函数* @param {Number} wait 毫秒数* @param {boolean} [immediate=true] 是否立刻执行* @returns*/
function throttle(func, wait, immediate = true) {let prevTime = 0;let first = true;const execu = ({ currentTime, context, args }) => {if (currentTime >= prevTime) {func.apply(context, args);first = true;}};const reset = (currentTime) => {if (first) {prevTime = currentTime + wait;first = false;}}return function () {const context = this;const args = arguments;const currentTime = Date.now();if (immediate) {execu({ currentTime, context, args });reset(currentTime);} else {reset(currentTime);execu({ currentTime, context, args });}}
}