写了个虚拟列表组件(自定义元素)

查看 15|回复 0
作者:594mantou   
Demo: https://pokemon-explorer-orpin.vercel.app/feed2
功能:
  • 支持向前/后加载数据(上面例子只往前加载一次模拟数据)
  • 支持状态恢复(上面例子中切换路由可以体验,当然持久化保存状态也行)
  • 支持网格

    使用非常简单:
    html`
    item}
      @backward=${...加载数据,修改 items}>
    `
    上面例子的完整代码也不到 100 行: https://github.com/mantou132/pokemon-explorer/blob/main/src/pages/feed2.ts
    缺点:
  • 大步(比如拖动滚动条)滚动时节流渲染
  • 往前加载数据后会闪一下(因为会滚动一次)
  • 测试没搞全
  • 您需要登录后才可以回帖 登录 | 立即注册

    返回顶部