function debounce(fn, delay) { let timer; return function () { if (timer) { clearTimeout(timer); }

使用 debounce 函数可以避免在修改元素尺寸时频繁触发重排和重绘操作，从而避免出现 "ResizeObserver loop limit exceeded" 错误。 以下是一个使用 debounce 函数来限制触发频率的示例代码： ```javascript const element = document.getElementById('my-element'); function handleResize() { const width = element.offsetWidth; const height = element.offsetHeight; // 执行一些操作... } // 使用 debounce 函数来限制触发频率 const debouncedResize = debounce(handleResize, 100); // 监听元素尺寸变化 window.addEventListener('resize', debouncedResize); ``` 在上面的代码中，我们使用了 debounce 函数来限制 handleResize 函数的执行频率。当窗口大小改变时，debouncedResize 函数会被触发，但是它只会在延迟时间内执行一次 handleResize 函数，从而避免了频繁触发重排和重绘操作。 需要注意的是，debounce 函数返回的是一个新函数，因此需要将这个新函数传递给事件监听器，而不是原始的 handleResize 函数。