用 ResizeObserver 替代 window.resize 监听元素尺寸变化
做后台管理系统时,图表容器经常需要根据父级宽高自适应。早些年我会挂一个 window.addEventListener('resize', handler),然后在回调里读 container.offsetWidth 重新渲染。这个做法在简单布局里能跑,但一旦遇到侧边栏折叠、标签页切换、flex 容器内部尺寸变化这些场景,就完全不灵了——窗口大小根本没变,元素尺寸却变了。另一种常见处理是轮询 setInterval 去比对尺寸,内存和 CPU 都不划算,还容易在组件销毁时漏掉清理。浏览器原生提供的 ResizeObserver 就是为这类需求设计的,它可以监听任意元素的内容盒或边框盒尺寸变化,...