交叉观察者
2篇文章 · 0订阅
  • 90行代码，15个元素实现无限滚动
    IntersectionObserver API 的用法，以及如何兼容。 如何在React Hook中实现无限滚动。 如何正确渲染多达10000个元素的列表。 无限下拉加载技术使用户在大量成块的内容面前一直滚动查看。这种方法是在你向下滚动的时候不断加载新内容。 当你使用滚动作为…
    React.js JavaScript
    90行代码，15个元素实现无限滚动
  • 利用"交叉观察者"这个小宝贝儿，轻松实现懒加载、吸顶、触底 ❗
    直接进入正题，IntersectionObserver 翻译为 "交叉观察者"，它的任务就是监听目标元素跟指定父元素（用户可指定，默认为viewport）是否在发生交叉行为，简单理解就是监听目标元素是否进入或者离开了指定父元素的内部（理解这句就行了，管他交不交叉呢），我好像在开…
    JavaScript
    利用"交叉观察者"这个小宝贝儿，轻松实现懒加载、吸顶、触底 ❗