Skip to content

wudududu/biglist

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

biglist

场景

大数据量列表全部渲染很吃力

解决办法

  • 渲染可视区域的内容,在滚动的时候实时计算要展示的内容
  • 顶部和底部由对应高度的占位框来撑开高度,使高度保持一致
  • 为了滚动时元素加载的顺畅与连续,在当前加载页的基础上,加上上下缓冲页的机制

实例

项目下的index.htmlcompare.html都是加载100w的列表数据,其中index.html使用优化后的加载方式,compare.html使用的全量加载方式

缺陷

这种方式实现的列表需要自行实现crtl+F的搜索方式,便于用户搜索

About

渲染可视区域的列表数据,解决大数据量列表渲染瓶颈

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published