收藏
回答

小程序性定时器setInterval性能问题

需求是,页面上面是操场,下面是运动员列表。

在操场上展示跑步的人(圆点展示就好)

,这些人是运动的,就是每秒移动一次,当点击操场下面的某一人员时,

,操场上的人就会显示头像,

实现思路:用canvas,每秒绘制一次圆点,当点击时,绘制图像,drawImage前需先把所有远程图片保存到本地,几个人的时候还行,但是有几十人时,手机直接卡死,cpu上升到75%,请问有好的建议么


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

1 个回答

  • 卢霄霄
    卢霄霄
    2018-06-29

    为什么要把远程图片保存到本地?远程的图片是什么内容,头像吗?

    2018-06-29
    有用
    回复 10
    • vlily
      vlily
      2018-07-03

      是用户头像,只有保存到本地,canvas里面的drawImage在真机上才能显示,这是个坑。

      2018-07-03
      回复
    • 卢霄霄
      卢霄霄
      2018-07-03回复vlily

      用户的头像用的其实是很小的一个就行了,对吧,你取的图是多大尺寸的?

      2018-07-03
      回复
    • vlily
      vlily
      2018-07-03回复卢霄霄

      这个对性能影响不太大,49*49,主要是定时器,我现在最多展示30个来减轻压力

      2018-07-03
      回复
    • 卢霄霄
      卢霄霄
      2018-07-03回复vlily

      能看看你setData部分的代码吗

      2018-07-03
      回复
    • vlily
      vlily
      2018-07-03回复卢霄霄

      就直接setData呀,改成30人,在安卓手机还是很卡,触发动作的时候,还会延迟很多。

      2018-07-03
      回复
    查看更多(5)
登录 后发表内容