ResizeObserver 与组件尺寸 | 星雨笔录

通过元素尺寸观察更新组件布局。

核心: ResizeObserver 观察元素自身大小变化,不依赖窗口 resize。

最小示例:

const ro = new ResizeObserver(entries => {
  console.log(entries[0].contentRect.width);
});
ro.observe(document.querySelector('.panel'));

学完能做: 通过元素尺寸观察更新组件布局。