微信小程序踩坑笔记

1、navigateTo success回调执行顺序问题

开发者工具，success内部修改数据会先修改再跳转

真机上，success会先跳页面再修改

2、canvas 2d清空

开发者工具可以给canvas实例重新赋值宽高清空画布

但真机上无效

清空必须使用clearRect结合beginPath

canvasContext是使用getContext获取的上下文实例

const canvasContext = canvas.getContext('2d')

canvasContext.clearRect(0, 0, width, height)
canvasContext.beginPath()

3、页面上使用page-container组件，导致无法滑动

定义了一个使用page-container的组件，组件销毁后会导致页面无法滑动

解决方式：定义page-container的show 属性，开始可以给show为true，当准备销毁组件时，先把show赋值false再销毁组件（设置wx:if为false），即可正常滑动

this.setData(
  {
    show: false,
  },
  () => {
    this.triggerEvent("close");
  }
);