没使用esizeObserver, 报esizeObserver loop limit exceeded

如果没有使用 ResizeObserver，但是在代码中频繁修改元素的尺寸，也可能会触发 "ResizeObserver loop limit exceeded" 错误。 这是因为浏览器会对元素的尺寸变化进行监测，并在每次变化时触发重排和重绘操作。如果这些操作频繁发生，就会导致浏览器出现性能问题或崩溃。 此外，如果在修改元素尺寸的过程中使用了循环或递归等操作，也可能会导致浏览器出现死循环或栈溢出等问题。 以下是一个模拟修改元素尺寸并导致浏览器崩溃的示例代码： ```javascript const element = document.getElementById('my-element'); // 模拟修改元素尺寸的循环操作 while (true) { const width = element.offsetWidth; const height = element.offsetHeight; // 修改元素尺寸 element.style.width = `${width + 1}px`; element.style.height = `${height + 1}px`; } ``` 在上面的代码中，我们使用了一个无限循环来模拟修改元素尺寸的操作。由于循环不会停止，浏览器会一直进行重排和重绘操作，最终导致浏览器崩溃。 因此，在修改元素尺寸时，应该避免频繁触发重排和重绘操作，可以使用 debounce 或 throttle 等技术来限制触发频率。同时，也应该避免使用循环或递归等操作来修改元素尺寸。