首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
长列表虚拟优化
订阅
princess87445
更多收藏集
微信扫码分享
微信
新浪微博
QQ
11篇文章 · 0订阅
深入【虚拟列表】动态高度、缓冲、异步加载... Vue实现
前文中我们使用 虚拟列表 优化了海量数据的显示,但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度?滚动时为什么会出现白屏闪烁?异步加载的数据要怎么处理?一次性请求大量数据是否合理?
IntersectionObserver 实现虚拟列表初探
前端开发中经常会遇到大数据量列表展示的性能问题,即大数据量一次性展示时前端渲染大量 Dom,触发渲染性能问题,造成初始加载白屏,交互卡顿等。解决这类问题的方案也有很多,使用虚拟列表展示是一个比较
面试官:能否用原生JS手写一个虚拟列表...啊?你还真能写啊?
面试手写题:如何用原生 JS 快速实现一个虚拟列表展示其效果,并讲讲实现原理以及相关的优化手段🤔。
三种虚拟列表原理与实现
在前端工作中免不了接触到虚拟列表,本文通过简单易懂的图和代码手把手教大家实现三种虚拟列表。看完本文,相信各位随手就能撸出一个虚拟列表!
「前端进阶」高性能渲染十万条数据(虚拟列表)
在工作中,有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况,对于此,我们称这种列表叫做长列表。比如,在一些外汇交易系统中,前端会实时的展示用户的持仓情况(收益、亏损、手数等),此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中,提到了可…
🧠 面试官让我渲染10万条数据?看我用 React 虚拟列表轻松搞定
☠️ 死亡面试题重现 面试官露出神秘微笑:"请渲染这个10万条数据的数组..." 我:👌告辞...
✨前端十万条数据渲染(下) -- 虚拟列表
在上一篇文章中,我们讲述了如何通过时间分片的方式去渲染十万条数据的解决方案 本篇文章将会带你了解以及实现该场景下的另一个解决方案 -- 虚拟列表
✨前端十万条数据渲染(上) -- 时间分片
对于这种十万条数据插入的场景,常见的解决方案有两种: 1. 时间分片 2. 虚拟列表 本篇文章会着重介绍一下时间分片的解决方案,,而虚拟列表的解决方案则会放到下一篇文章讲解
基于【虚拟列表】高性能渲染海量数据
在某种特殊场景下,需要将大量数据一次性渲染到页面。 分析真实业务场景,用户正常情况不会去浏览全部数据。 除特殊情况外,将全部数据渲染到列表中是无用且浪费资源的行为,只需要根据用户视窗进行部分渲染即可
IntersectionObserver:实现滚动动画、懒加载、虚拟列表...
IntersectionObserver使我们能够轻松获取获取元素的交叉状态,实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好,用法简洁。带来了极大的便利和用户体验,非常值得尝试。