2022-08-31 记一次懒加载优化

1、由于之前懒加载都是通过scroll时间判断可视区域的内容来进行是否显示判断。
    scroll事件对页面消耗过大,所以替换为IntersectionObserver。
2、具体上代码:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 手把手带你写一个 Vue3 的自定义指令 以下文章来源于老黄的前端私房菜 ,作者黄轶黄老师 背景 众所周知,Vue...
    李仁平阅读 2,034评论 0 0
  • 现代化懒加载的方式 为什么需要懒加载 通常用户打开网页时,整个网页的内容将被下载并且呈现在一个页面中,虽然允许浏览...
    流动码文阅读 323评论 0 2
  • v-LazyLoad 背景:在类电商类项目,往往存在大量的图片,如 banner 广告图,菜单导航图,美团等商家列...
    HTAO濤阅读 447评论 0 0
  • 前言 在现在以用户体验至上的前端时代,为了提升页面加载速度,为了提升用户体验,我们经常会用到图片懒加载这个功能。所...
    郝晨光阅读 1,306评论 2 21
  • Html部分 1.语义化HTML:好处在于可以使代码简洁清晰,支持不同设备,利于搜索引擎,便于团队开发;2.减少D...
    泉泉泉泉泉泉阅读 760评论 0 1

友情链接更多精彩内容