如何检测网页中DOM元素是否在浏览器窗口可见区域内？有哪些现成的解决方案？

扩展：这个问题常常会在需要进行一些懒加载或数据计算的场景下出现，如何高效地解决这个问题？

目前最为常见的解决方案是使用Intersection Observer API来检测DOM元素是否在可见区域内。该API可以通过监听目标元素和根元素相交的情况来判断元素是否在可见区域内，从而达到节省资源、处理高效的目的。

使用该API的方式非常简单，只需要新建一个IntersectionObserver的实例，通过指定根元素和一些配置项来对元素进行观察即可。当元素进入或离开可见区域时，会触发相应的回调函数。

除了Intersection Observer API外，还有一些其他的解决方案，如滚动监听、resize监听等。但这些方式都需要进行大量自己实现，不如Intersection Observer API方便、高效。