收藏
回答

希望提供swiper虚拟swiper-item的功能,解决过多的时候,渲染时间

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 需求 swiper 客户端 6.7.3 2.2.1

- 需求的场景描述(希望解决的问题)

swiper过多时渲染时间非常长,超过一百个的时候,渲染时间接近30秒了,

现在虽然通过动态数据 增删 解决了,但是不够流畅,希望官方能升级下相关功能


- 希望提供的能力

希望能提供 虚拟swiper-item的能力,模拟swiper.js插件的实现。

回答关注问题邀请回答
收藏

5 个回答

  • LastLeaf
    LastLeaf
    2018-11-16

    请考虑 swiper 的 skip-hidden-item-layout 属性。这个属性虽然不能减少数据总量,但是可以减少界面渲染时需要重布局的计算量,有效提升绘制性能。

    2018-11-16
    有用
    回复 2
    • @
      @
      2018-11-16

      没有什么用啊,我实验过

      2018-11-16
      回复
    • LastLeaf
      LastLeaf
      2018-11-16

      这个主要是用来减少滑动卡顿。如果对于滑动卡顿依然没有帮助的话,就要考虑减少单个 swiper-item 的大小了。

      2018-11-16
      回复
  • 2018-11-16

    强烈支持此功能

    2018-11-16
    有用 1
    回复
  • 岁寒
    岁寒
    2018-11-21

    虚拟也没什么用。。。一次有上万个时,还是得动态处理

    2018-11-21
    有用
    回复
  • Bill  Ching
    Bill Ching
    2018-11-16

     swiper其实对于初学者来说是挺好用的,但是有一定的开发经验的人来说,尽量不要使用吧,因为他是一次性获取数据的,如果你数据量过大的时候就会形成加载延时的问题,用view来做更好吧,至少不用一次就去加载那么多数据,而且用view也能避免swiper组件本身的高度局限


    2018-11-16
    有用
    回复 1
    • @
      @
      2018-11-16

      好的,多谢了

      2018-11-16
      回复
  • Hasaki
    Hasaki
    2018-11-13

    这个组件本来就有点问题。


    建议你考虑使用View 套着View 然后坚挺 touchstart touchmove touchend  自己实现一个 每次只渲染三个

    2018-11-13
    有用
    回复 1
    • @
      @
      2018-11-16

      好的,多谢了

      2018-11-16
      回复
登录 后发表内容