Vue Virtual Scroll Grid 项目推荐

Vue Virtual Scroll Grid 项目推荐

vue-virtual-scroll-grid A Vue 3 component that can render a list with 1000+ items as a grid in a performant way. 项目地址: https://gitcode.com/gh_mirrors/vu/vue-virtual-scroll-grid

1. 项目基础介绍和主要编程语言

Vue Virtual Scroll Grid 是一个为 Vue 3 设计的可重用组件，旨在高效地渲染包含大量项目的列表（例如 1000+ 项目）为网格形式。该项目主要使用 Vue 和 TypeScript 进行开发，同时也涉及了少量的 CSS 和 JavaScript。

2. 项目核心功能

• 虚拟滚动/窗口化渲染：通过虚拟滚动技术，保持 DOM 节点数量较低，从而提高渲染性能。
• CSS 网格样式：允许用户使用 CSS 网格来定制网格样式，库本身提供最小的样式意见。
• 分页 API 支持：支持使用分页 API 在后台加载项目。
• 占位符渲染：支持为未加载的项目渲染占位符。
• 垂直和水平滚动：支持垂直和水平滚动模式。
• 项目缓存：已加载的项目会被缓存，以提高性能。

3. 项目最近更新的功能

• 版本 1.11.0（2023年10月31日）：
  • 修复了一些已知的 bug。
  • 优化了虚拟滚动性能。
  • 增加了对新版 Vue 3 的支持。
  • 改进了文档和示例代码。

通过这些更新，Vue Virtual Scroll Grid 不仅提升了性能，还增强了兼容性和用户体验。

vue-virtual-scroll-grid A Vue 3 component that can render a list with 1000+ items as a grid in a performant way. 项目地址: https://gitcode.com/gh_mirrors/vu/vue-virtual-scroll-grid