首页
AI Coding
AIDP
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
虚拟滚动
订阅
engineer_why
更多收藏集
微信扫码分享
微信
新浪微博
QQ
4篇文章 · 0订阅
前端性能救星!用 requestAnimationFrame 丝滑渲染海量数据
大家好,我是小杨,一个做了6年前端的老司机。今天想和大家聊聊一个常见但头疼的问题:**如何在不卡死页面的情况下渲染大量数据?** 不知道你有没有遇到过这样的场景:后端一次性返回几万条数据,前端直接
别再抱怨后端一次性传给你 1w 条数据了,几行代码教会你虚拟滚动!
我们都知道,如果一次性展示所有的数据,那么会造成页面卡顿,虚拟滚动的原理就是将数据根据滚动条的位置进行动态截取,只渲染可视区域的数据,这样浏览器的性能就会大大提升,废话不多说,我们开始。 具体实现 首
ElementUI中的el-table实现虚拟滚动 | 一篇讲清什么是虚拟滚动,该如何实现 | Vue2
为什么要用虚拟滚动 当表格不以分页形式展示,如果数据过多,那么dom树会将数据节点全部加载出来,如下图所示: 假如从后端获取的数据有成千上万条导致了页面卡顿,又不想改成分页展示,那么你需要用“虚拟滚动
vue使用elemntui的table组件表格数据懒加载方法
前提:在业务需求下,table表格的数据不支持分页,当数据太多时,就需要用到懒加载如图,通过判断右侧滚动条的位置来实现数据的切割,代码如下