专栏名称: 程序员成长指北
专注 Node.js 技术栈分享,从 前端 到 Node.js 再到 后端数据库,祝您成为优秀的高级 Node.js 全栈工程师。一个有趣的且乐于分享的人。座右铭:今天未完成的,明天更不会完成。
今天看啥  ›  专栏  ›  程序员成长指北

无限滚动加载数据利器:IntersectionObserver

程序员成长指北  · 公众号  ·  · 2024-08-04 22:24

文章预览

大厂技术    高级前端    Node进阶 点击上方  程序员成长指北 ,关注公众号 回复 1 ,加入高级Node交流群 今天和同事讨论时,讨论了 页面滚动加载数据 的事情,正好我去年年底也做过相同的功能,只是当时因为各种原因吧,没有做总结。现在回想起来,只是记得以前做过,在哪个页面实现的,具体实现的方法,确实有点忘记了。记得当时好像也尝试了很多的方法,最后才实现,这里又要吐槽一下自己的笨了。 所以把当时的代码给扒出来,是利用 IntersectionObserver 这个api实现的,然后在网上找了一些资料,准备输出整理一下相关的文档。 好,我们正式开始介绍。 介绍 IntersectionObserver 是一种现代 Web API,它允许开发者异步观察 一个目标元素与其祖先元素或视口(viewport)交叉状态 的变化。这对于实现图片懒加载或无限滚动功能非常有用。 这里我 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览