Demo: https://pokemon-explorer-orpin.vercel.app/feed2
功能:
- 支持向前/后加载数据(上面例子只往前加载一次模拟数据)
- 支持状态恢复(上面例子中切换路由可以体验,当然持久化保存状态也行)
- 支持网格
使用非常简单:
html` <dy-list .items=${[0,1,2,3,4,5,6,7,8,9,10]} .infinite=${true} .getKey=${(item) => item} @backward=${...加载数据,修改 items}></dy-list> ` 上面例子的完整代码也不到 100 行: https://github.com/mantou132/pokemon-explorer/blob/main/src/pages/feed2.ts
缺点:
- 大步(比如拖动滚动条)滚动时节流渲染
- 往前加载数据后会闪一下(因为会滚动一次)
- 测试没搞全
