稀土掘金 稀土掘金
    • 首页
    • AI Coding NEW
    • 沸点
    • 课程
    • 直播
    • 活动
    • AI刷题
    • APP
      插件
      • 搜索历史 清空
        • 写文章
        • 发沸点
        • 写笔记
        • 写代码
        • 草稿箱
        创作灵感 查看更多
    • vip
      会员
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
0 /100
虚拟列表
订阅
avatar
程序员小亮 创作等级LV.2
更多收藏集

微信扫码分享

微信
新浪微博
QQ

3篇文章 · 0订阅
  • IntersectionObserver 实现虚拟列表初探
    前端开发中经常会遇到大数据量列表展示的性能问题,即大数据量一次性展示时前端渲染大量 Dom,触发渲染性能问题,造成初始加载白屏,交互卡顿等。解决这类问题的方案也有很多,使用虚拟列表展示是一个比较
    • 政采云技术
    • 2年前
    • 15k
    • 91
    • 11
    DOM
    IntersectionObserver 实现虚拟列表初探
  • 长列表的滚动白屏成因及解决方案
    大部分浏览器采用的是异步滚动模型。在该模型中,视觉滚动位置在合成器线程中更新,并在 scroll 回调执行前可见 如果将原 scroll 事件的处理放到滚轮事件中处理的话, scrollTop 拿到的是之前的值(passive=false,浏览器并不知道是否要滚动,会不会被 p…
    • francecil
    • 5年前
    • 8.2k
    • 24
    • 6
    性能优化
  • 虚拟列表实现
    举个例子: 比如我要渲染1000条数据,每条数据高度60px,如果我想把全部元素渲染,那么滚动区域至少需要6000px高但是呢,如果我渲染1000条数据,那么整个dom树就会出现巨量dom元素,如下图
    • Tsuki_
    • 3年前
    • 2.1k
    • 14
    • 5
    前端 JavaScript