元素监听：ResizeObserver

ResizeObserver监听元素的使用

1. ResizeObserver相比window.resize优势是 可以监听某一个元素的变化 并且性能很高 用法很简单：

  const observe= new ResizeObserver(items=> {
        items.forEach(item=> {
          // 有两个属性用得到 contentRect  target
          console.log(item)
        })
      })
  // 监听多个 相对应回调函数的items就是数组对应的每一项
  observe.observe(document.body) // 监听body
  observe.observe(document.getElementById('content')) // 监听id元素content

  // 可以取消监听某一个
  observe.unobserve(document.body)

  // 也可以全部取消
  observe.disconnect()