没使用esizeObserver, 为啥会报esizeObserver loop limit exceeded

如果没有使用 ResizeObserver，但是在代码中频繁修改元素的尺寸，可能会触发浏览器的重排和重绘操作，导致性能问题。 当页面中的元素尺寸变化时，浏览器需要重新计算元素的布局和样式，并进行重排和重绘操作。如果这些操作频繁发生，就会影响页面的性能和用户体验。 此外，如果在修改元素尺寸的过程中使用了循环或递归等操作，也可能会导致浏览器出现死循环或栈溢出等问题。 以下是一个模拟修改元素尺寸并导致浏览器崩溃的示例代码： ```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 等技术来限制触发频率。同时，也应该避免使用循环或递归等操作来修改元素尺寸。