收藏
评论

小程序移动区块几种写法


场景:拖动 区块 不卡顿保证流畅

    1.视图层 使用transform:translate3d 控制 逻辑层 监听touch事件 给变量 赋值(x,y)  尽管是用transform 做位移的控制 还是卡顿

    2.使用wxs 处理逻辑 写法参照 官网给的demo 测试还是卡顿

    3.使用 movable 测试 很流畅

    4.使用canvas 画布 给canvas 绑定touch事件 监听x,y 然后每次 重新draw()区块 同样可以保证 流畅 不卡顿

一开始以上的卡顿 以为是自己给区块绑定事件导致的,把事件绑定到全屏容器也是卡顿

以上的测试真机为(荣耀v9)

1.movable  2.canvas

最后一次编辑于  02-14  (未经腾讯允许,不得转载)
复制链接收藏赞 0

1 个评论

  • 唏嘘
    唏嘘
    02-15

    movable-view  最好用了


    02-15
    赞同 1
    回复