收藏
回答

高手请进

问题模块
API和组件

1.业务需求:分页加载数据(上拉分页,下拉分页) 2.困难点:由于分页如果无限请求下一页,会造成数据溢出 3.做法:第一页向上拉,触底请求第二页,两页数据合并,这样无限循环,当拉倒第50页时,请求下一页数据的同时,删除第一页,以此类推,但是这样做的方法有个弊端。 4.弊端:举例 2页拉倒底请求3页数据,删掉1页数据,这时会发生,“由于之前是1,2页数据是两页,之后是2,3页数据还是两页,导致,页面整体位置不变,渲染完处在第3页底部,如果将它定位到第3页头部,会出现向上滑动的效果,影响体验” 5.希望能做到无缝衔接的请求,并且还能保证内存不溢出,我看了“某动”的分页就很好,不知道怎么做的

最后一次编辑于  2017-12-22  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

22 个回答

  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2017-12-22

    你可以看下 小程序   【青团社兼职实习】 下面第二个tabbar

    2017-12-22
    赞同 1
    回复 7
    • M
      M
      01-02

      看了这个小程序,它在分页加载数据的时候是怎么做到这么快渲染到页面的,我最近也在做这个分页加载,每次数据很快请求到,但是渲染到页面要3s左右

      01-02
      回复
    • 仙森ღ₅₂₀¹³¹⁴
      仙森ღ₅₂₀¹³¹⁴
      01-02回复M

      你一页多少数据

      01-02
      回复
    • M
      M
      01-02回复仙森ღ₅₂₀¹³¹⁴

      10条

      01-02
      回复
    • 仙森ღ₅₂₀¹³¹⁴
      仙森ღ₅₂₀¹³¹⁴
      01-02回复M

      那没问题啊

      01-02
      回复
    • M
      M
      01-02回复仙森ღ₅₂₀¹³¹⁴

      这是处理数据的代码

      01-02
      回复
    查看更多(2)
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2017-12-22

    上拉加载,下载刷新。上拉加载数据并不会出现数据溢出,我的数据6w多条。每页显示十条,有以前多个pageNum,你的分页是后端控制pageNum吗?

    2017-12-22
    赞同
    回复
  • 牛
    2017-12-22

    前端控制,你6W条是都存在LIST本地吗

    2017-12-22
    赞同
    回复
  • 牛
    2017-12-22

    我是把所有数据合并setData

    2017-12-22
    赞同
    回复
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2017-12-22

    我是后端控制的。监听页面滑动到底部我给pageNum加1,在调一次接口 后端继续发数据给我就可以了

    2017-12-22
    赞同
    回复
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2017-12-22

    存后端的

    2017-12-22
    赞同
    回复
  • 牛
    2017-12-22

    意思是翻到第二页的,第一页的数据不会一起传过来吗

    2017-12-22
    赞同
    回复
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2017-12-22

    不会的


    2017-12-22
    赞同
    回复
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2017-12-22

    你append进页面里就可以了

    2017-12-22
    赞同
    回复
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2017-12-22

    现在比较简单。后续改版再看

    2017-12-22
    赞同
    回复