文件名称：collection-view:Web的UICollectionView
文件大小：2.97MB
文件格式：ZIP
更新时间：2024-06-03 10:43:32
react javascript list performance typescript
馆藏观 一个容器，用于显示数据项的大型有序集合，并使用任意布局（例如，列表，网格）来呈现它们。 通过仅显示有限数量的元素，可以平滑滚动大集合。 这也称为“窗口化”或“虚拟化”。 （删除，添加，移动）和由集合视图正确地设置了动画。 该库的灵感来自和 。 集合视图从获取其数据，并从布局获取其可视信息。 当前，有一个（以行和列形式显示集合），以及一个简单的（以行形式显示集合）。 可以轻松实现。 欢迎捐款！ 集合视图还可以正确处理容器的大小调整，从而保持集合中的当前位置： 元素可以单独设置动画： 用法 import { CollectionView , GridLayout } from 'collection-view' class Delegate { constructor ( items ) { this . items = items } getCount (
【文件预览】：
collection-view-master
----.gitignore(67B)
----tsconfig.json(625B)
----README.md(14KB)
----tests()
--------tsconfig.json(497B)
--------preprocessor.js(253B)
--------grid-layout.spec.ts(19KB)
--------env()
----examples()
--------README.md(87B)
--------_common()
--------react()
--------list()
--------change-data()
--------load-more()
--------staggered()
--------change-size()
--------load-few()
--------change-direction()
--------pivot()
----LICENSE(1KB)
----package.json(2KB)
----tslint.json(603B)
----src()
--------types.ts(3KB)
--------custom.d.ts(73B)
--------grid-layout.ts(6KB)
--------utils.ts(2KB)
--------collection-view.ts(36KB)
--------index.ts(815B)
--------delegate.ts(658B)
--------layout.ts(774B)
--------list-layout.ts(2KB)
--------style.css(231B)
----.travis.yml(188B)
----webpack.config.js(849B)
----package-lock.json(378KB)
----demo()
--------change-size.gif(418KB)
--------change-data.gif(687KB)
--------staggered.gif(201KB)
--------resize.gif(317KB)
--------scroll.gif(334KB)
--------change-direction.gif(462KB)
--------pivot.gif(658KB)