LogoClawIndex
案例技能关于
LogoClawIndex

长列表虚拟滚动优化方案 - 大型列表虚拟滚动性能优化方案

针对超过1000条数据的大型列表，使用虚拟滚动技术优化渲染性能

标签

更新于: 2026-02-11
性能优化vue3虚拟滚动列表性能

能力

典型输入

典型输出

该技能可以做什么

  • 渲染虚拟列表
  • 处理滚动
  • 管理视口渲染
  • 计算可见项
  • 维护缓冲区

输入

  • 列表数据
  • 容器高度
  • 项目高度设置
  • 视口尺寸

输出

  • 虚拟化列表
  • 优化后DOM
  • 视口渲染范围

要求

  • Vue3环境
  • 虚拟滚动组件
  • 性能优化需求

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
渲染虚拟列表
处理滚动
管理视口渲染
计算可见项
列表数据
容器高度
项目高度设置
虚拟化列表
优化后DOM
视口渲染范围