微信小程序中遇到的坑

No.1 获取canvas失败

问题描述：

根据官方文档，示例代码调用用canvas时无法获取，无报错。

解决方案

官方组件的示例代码是这样的

 const context = wx.createCanvasContext('firstCanvas')

而API却是

wx.createCanvasContext(string canvasId, Object this)

API 的才是正确的，需要传入当前对象。或者像在开发工具中运行的dome一样调用

    wx.drawCanvas({
      canvasId: 'canvas',
      actions: context.getActions()
    })

No.2 使用tabbar时，无法显示

问题描述：

在使用tabbar时，tabbar并没有显示出来，无报错。

解决方案

在使用tabbar时，如果不是自定义，app.json文件里面tabBar 的list数组里面的第一个页面必须是pages数组注册的第一个页面。

No.3 Component使用

1.如果自定义Component初始化的时候是隐藏的，通过逻辑代码控制显示隐藏，使用了hidden，在Component或获取不到宽高，使得控件无法正常显示(目前使用了ECharts出现这种情况)。只能使用wx:if控制显示隐藏。

2.如果再页面中使用到自定义Component，用wx:if来控制显示隐藏的时候，pageLifetimes中的show()函数不会被调用，所以逻辑代码尽量在lifetimes ready()中执行。

（这是目前遇到的，后续更新...）