virtual scroll list All In One

虚拟滚动列表 / 性能优化

virtual-list 虚拟列表

实现原理

交叉观察者 IntersectionObserver

vue big table

1. 水平滚动虚拟列表

2. 垂直滚动虚拟列表

react

demo

react-window

https://github.com/bvaughn/react-window

https://react-window.vercel.app/#/examples/list/fixed-size

react-virtualized

https://github.com/bvaughn/react-virtualized

https://bvaughn.github.io/react-virtualized/#/components/List

taro

https://nervjs.github.io/taro/docs/virtual-list/

ant design

https://ant.design/components/table-cn/#components-table-demo-virtual-list

https://codesandbox.io/s/wycd6

目前虚拟滚动表格受限比较多，开启虚拟滚动后不能使用展开行、树形数据、固定列等功能

arco design

https://arco.design/react/components/table#virtual-list ??? 不支持
https://arco.design/react/components/table#api

https://arco.design/vue/component/table#virtual-list

refs

?xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有??xgqfrms, 禁止转载 ???，侵权必究??！