LogoClawIndex
案例技能关于
LogoClawIndex

长列表虚拟滚动优化方案 - 大型数据列表虚拟滚动优化方案

处理超过1000条数据的大型列表渲染性能优化方案，包含定高和不定高两种策略

标签

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

能力

典型输入

典型输出

该技能可以做什么

  • 渲染可视区域内元素
  • 动态替换DOM内容
  • 支持定高列表
  • 支持不定高列表
  • 处理滚动事件
  • 计算可见项

输入

  • 列表数据
  • 容器高度
  • 项目高度
  • 滚动位置
  • 可视区域尺寸

输出

  • 优化后的虚拟滚动列表
  • 减少的DOM节点
  • 流畅的滚动界面

要求

  • Vue3环境
  • JavaScript运行时

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
渲染可视区域内元素
动态替换DOM内容
支持定高列表
支持不定高列表
列表数据
容器高度
项目高度
优化后的虚拟滚动列表
减少的DOM节点
流畅的滚动界面