Day182:怎么计算组件在视口内出现了几次？IntersectionObserver 怎么使用的？怎么知道一个 DOM 节点出现在视口内？

[Genzhen]

每日一题会在下午四点在交流群集中讨论，五点小程序中更新答案 欢迎大家在下方发表自己的优质见解 二维码加载失败可点击 小程序二维码

扫描下方二维码，收藏关注，及时获取答案以及详细解析，同时可解锁800+道前端面试题。

[qzruncode]

new IntersectionObserver((entries, observer) => {
  const ratio = entries[0].intersectionRatio; // 元素出现在parent视口中的比例
}, {
  root: parent,
  rootMargin: "0px",
  threshold: [0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0]
}).observe(target)

[836334258]

通过entrie.isIntersecting判断