公告列表
公告列表
收藏
回答

图片懒加载，加载图片列表， onPageScroll事件配合 setData数据多了，页面卡顿？




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

4 个回答

  • 微盟
    微盟
    2019-10-14

    这里可以做的优化，是页面根据高度进行前端层面的数据分页，当下拉大于某一个高度的时候，不仅增加页尾的数据，还删除页头的数据。往上拉的时候，反之。使总数据保持在某一个最大值。

    2019-10-14
    有用 1
    回复 1
    • 连海
      连海
      2019-10-14
      好的，谢谢
      2019-10-14
      赞
      回复
  • 小满
    小满
    2019-10-14

    forEach里面调用setDate，ret如果有20张图，这个是调用了几次？

    2019-10-14
    有用
    回复 6
    • 连海
      连海
      2019-10-14
      那20张图片进入可视区域，就会调用20次
      不过，时间限制了下
      2019-10-14
      赞
      回复
    • 郭玉峰 15811200580
      郭玉峰 15811200580
      2019-10-15
      循环setData耗费资源，把对象写成一个，调用一次就可以了
      2019-10-15
      赞
      回复
    • 连海
      连海
      2019-10-15
      您好，可以详细说下吗，不太懂， 谢谢
      2019-10-15
      赞
      回复
    • 小满
      小满
      2019-10-15回复连海
      小程序优化第一大忌，减少setData的使用次数。
      2019-10-15
      赞 1
      回复
    • 小满
      小满
      2019-10-15回复连海
      数据处理完毕后一次性setData，循环调20次不卡才怪
      2019-10-15
      赞 1
      回复
    查看更多(1)
  • 卢霄霄
    卢霄霄
    2019-10-14

    image标签本来就有懒加载属性 你还自己做一个？

    2019-10-14
    有用
    回复 2
    • 连海
      连海
      2019-10-14
      没有用 scrol-view包裹么，谢谢
      2019-10-14
      赞
      回复
    • 卢霄霄
      卢霄霄
      2019-10-15回复连海
      page一样有效的啊，建议你列表页面图片src不要放原图的 放个300 * 300附近的缩略图就行了啊
      2019-10-15
      赞
      回复
  • 子不语
    子不语
    2019-10-14

    你哪怕是H5，数据量大了，该卡还是得卡

    2019-10-14
    有用
    回复 1
    • 连海
      连海
      2019-10-14
      没有毛病哈，谢谢
      2019-10-14
      赞
      回复
请 登录 后发表内容
相关问题
相关文档
问题标签
setdata小程序开发框架框架接口page卡顿