首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
虚拟列表
订阅
程序员小亮
更多收藏集
微信扫码分享
微信
新浪微博
QQ
3篇文章 · 0订阅
IntersectionObserver 实现虚拟列表初探
前端开发中经常会遇到大数据量列表展示的性能问题,即大数据量一次性展示时前端渲染大量 Dom,触发渲染性能问题,造成初始加载白屏,交互卡顿等。解决这类问题的方案也有很多,使用虚拟列表展示是一个比较
长列表的滚动白屏成因及解决方案
大部分浏览器采用的是异步滚动模型。在该模型中,视觉滚动位置在合成器线程中更新,并在 scroll 回调执行前可见 如果将原 scroll 事件的处理放到滚轮事件中处理的话, scrollTop 拿到的是之前的值(passive=false,浏览器并不知道是否要滚动,会不会被 p…
虚拟列表实现
举个例子: 比如我要渲染1000条数据,每条数据高度60px,如果我想把全部元素渲染,那么滚动区域至少需要6000px高但是呢,如果我渲染1000条数据,那么整个dom树就会出现巨量dom元素,如下图