微信小程序采坑记

  作为一个刚刚开始开发小程序的童鞋，还是要熟悉下微信开发者工具和开发文档的。

　　真机调试，可以用微信扫开，在实际的手机查看程序运行状态。可以跟开发者工具一样调试。这些都还算基本的，当你熟悉了web端的开发，去上手小程序还是小意思。

　　1.图片的样式大小设置，小程序跟web有点不同的地方是高度必须设置，当只设置width时，高度不会按比例缩放。要按比例，则在标签上加个属性  mode='widthFix'

 

 <view class="banner">
    <image src="../../images/tab-pic.png" mode='widthFix'></image>
  </view>

 

　　2.表单绑定数据跟vue相比，有点不方便，小程序不是双向的绑定，当视图更新时，需要去监听事件来更新数据。

　　

<view class="weui-cell weui-cell_input">
        <text style="vertical-align:middle;">当前温度:{{settemp}}℃</text>
        <input class="temp-input" 
        bindinput="updatePsw" 
        data-name="templature" 
        value="{{templature}}" 
        type="text" 
        maxlength="2"
        placeholder="请输入温度" />
      </view>  

　　3.非常诡异的一个现象，连接完蓝牙了，返回上一个页面前，onUnload的里面已经加了关闭蓝牙的操作，返回后，蓝牙依然没有断开连接，我再蓝牙页面做了断开连接的监听的，一旦断开连接就重连蓝牙。想想是断开的不彻底，wx.onBLEConnectionStateChange跳页面之后监听依然存在，所以关闭蓝牙的时候也要把监听off掉。

　　wx.closeBLEConnection({
      deviceId: this.data.deviceId,
      success: (res) => {
      }
    })
    wx.offBLEConnectionStateChange();

 

还有一些，熟悉了web的去开发小程序，会受到不少的限制，这也是很多人宁愿去嵌套h5页面开发的原因，可以省去不少采坑的时间。