IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。

面试手写题：如何用原生 JS 快速实现一个虚拟列表展示其效果，并讲讲实现原理以及相关的优化手段🤔。

Intersection Observer 如何实现图片懒加载，无限滚动等功能。MDN 中的定义及原理探索……

背景 写这一篇文章的目的主要也是自己学习记录，以前对这个api还是比较陌生的，最近项目上做性能优化的时候，考虑到了这个监听api，参考各种资料文章，写了这一篇文章，希望对自己或者对大家参考有所帮助。

一、offsetTop 当dom节构如下时: 可将父元素定位后,采用$refs.sub1.offsetTop的方式直接获取在上一个定位过的父元素中的位置 当dom节构如下时:(甚至更复杂) 若中间层d

获取元素位置 offsetLeft(距离定位父级左边的距离) offsetTop(距离定位父级上边的距离) offsetWidth（当前元素可视宽度） offsetHeight（当前元素可视高度） c

之前一直对闭包这个概念模模糊糊的，网上也是长篇大论，现在通过自己了解和学习，总结了一下一些闭包知识点，写得不对的地方可以指出，大家互相学习.

我发现在同事和面试者中，很多中级或以上的前端都还停留在promise常规用法，但其实，promise还有很多巧妙的高级用法。

1.1.var a = document.getElementById("test"). 2.利用children来获取子元素是最方便的，他也会返回出一个数组。对其获取子元素的访问只需按数组的访问形式即可。1 var getFirstChild = document.getEle...