收藏
回答

setData 设置数据流图片 造成页面卡顿渲染慢,怎么解决?

json 数据 每个对象里面都有个数据流图片 setData的时候更新数据量很大
这样一个列表可以怎么解决页面卡顿的问题

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

4 个回答

  • 2019-09-06

    感觉不是你那方法的问题,你做的是在逻辑层把图片数据直接setData到视图层吧,setData太多数据会造成阻塞,所以会卡,除非你直接用image标签直接引链接

    2019-09-06
    有用
    回复 1
    • 2019-09-06
      你在setData前和setData后的回调打印下时间戳,看看花了多少时间,当有setData调用时会阻塞其他setData,再加上渲染的问题肯定会卡
      2019-09-06
      回复
  • Patience🎈
    Patience🎈
    2019-09-04


    2019-09-04
    有用
    回复 4
    • Derek
      Derek
      2019-09-04
      是的,我现在切换的时候个首次进入都会很卡
      2019-09-04
      回复
    • Patience🎈
      Patience🎈
      2019-09-04回复Derek
      所以你不能一次性太多数据 分开来吧 你和后端商量好
      2019-09-04
      回复
    • Derek
      Derek
      2019-09-04
      谢谢
      2019-09-04
      回复
    • Derek
      Derek
      2019-09-06
      找到问题了,页面卡顿的原因是,地图画polyline 边界的时候,在mounted this.$set(this.polyline[0], "points", cityData.newArray); 造成了页面卡顿,有什么办法可以解决吗?
      2019-09-06
      回复
  • G-STEPS街舞工作室
    G-STEPS街舞工作室
    2019-09-04

    有没有可能把图片换成链接的形式

    2019-09-04
    有用
    回复 4
    • Derek
      Derek
      2019-09-04
      连接请求和setData哪个会更快些
      2019-09-04
      回复
    • G-STEPS街舞工作室
      G-STEPS街舞工作室
      2019-09-04回复Derek
      你图片的数据也是通过接口传过来的吧?图片放cdn,肯定比你接口快
      2019-09-04
      回复
    • Derek
      Derek
      2019-09-04回复G-STEPS街舞工作室
      是的,不过后台要改的地方挺多
      2019-09-04
      回复
    • Derek
      Derek
      2019-09-06
      找到问题了,页面卡顿的原因是,地图画polyline 边界的时候,在mounted this.$set(this.polyline[0], "points", cityData.newArray); 造成了页面卡顿,有什么办法可以解决吗?
      2019-09-06
      回复
  • 管凯旋
    管凯旋
    2019-09-04

    你都知道了是图片导致数据量大,不能把这个图片数据干掉换一种吗~~

    2019-09-04
    有用
    回复 5
    • Derek
      Derek
      2019-09-04
      后期再试一下,是在不行就只能叫后台改成链接或者其他的了
      2019-09-04
      回复
    • 李聪
      李聪
      2019-09-04回复Derek
      实在改不了就分页
      2019-09-04
      回复
    • 管凯旋
      管凯旋
      2019-09-04回复Derek
      图片存图片服务器,加载的时候用lazy-load
      2019-09-04
      回复
    • Derek
      Derek
      2019-09-04回复管凯旋
      OK
      2019-09-04
      回复
    • Derek
      Derek
      2019-09-06
      找到问题了,页面卡顿的原因是,地图画polyline 边界的时候,在mounted this.$set(this.polyline[0], "points", cityData.newArray); 造成了页面卡顿,有什么办法可以解决吗?
      2019-09-06
      回复
登录 后发表内容
问题标签