ResizeObserver 与组件尺寸 | 星雨笔录
通过元素尺寸观察更新组件布局。
核心: ResizeObserver 观察元素自身大小变化,不依赖窗口 resize。
最小示例:
const ro = new ResizeObserver(entries => {
console.log(entries[0].contentRect.width);
});
ro.observe(document.querySelector('.panel'));
学完能做: 通过元素尺寸观察更新组件布局。