nutui icon indicating copy to clipboard operation
nutui copied to clipboard

fix(picker): 修复Picker在小程序数据量大时卡顿

Open wlchn opened this issue 3 years ago • 1 comments

这个 PR 做了什么? (简要描述所做更改) 解决待办list中问题:https://github.com/jdf2e/nutui/discussions/1649 解决其中待办1:picker 组件在小程序环境,数据量大的情况下,会出现卡顿的现象

这个 PR 是什么类型? (至少选择一个)

  • [ ] 错误修复(Bugfix) issue id #
  • [ ] 新功能(Feature)
  • [ ] 代码重构(Refactor)
  • [ ] TypeScript 类型定义修改(Typings)
  • [ ] 文档修改(Docs)
  • [ ] 代码风格更新(Code style update)
  • [x] 其他,请描述(Other, please describe): 性能优化

这个 PR 涉及以下平台:

  • [ ] NutUI 2.0
  • [ ] NutUI 3.0 H5
  • [x] NutUI 3.0 小程序

这个 PR 是否已自测:

wlchn avatar Sep 22 '22 09:09 wlchn

已使用1000条以上数据测试。

性能问题主要由于真实渲染节点过多导致,经过实际测试大约超过100条就会逐渐感受到卡顿。

解决思路:减少真实渲染节点,即只渲染可视范围内数据+滑动可到的buffer区域。

wlchn avatar Sep 22 '22 09:09 wlchn

首先非常感谢您的对 NutUI 的支持。NutUI-Taro Picker 我们进行了部分重构,已经解决了大量数据卡顿的问题,但您的思路非常棒,后续我们会按照您的思路再次进行优化。

yangxiaolu1993 avatar Sep 26 '22 09:09 yangxiaolu1993