微信小程序采坑记

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

  真机调试,可以用微信扫开,在实际的手机查看程序运行状态。可以跟开发者工具一样调试。这些都还算基本的,当你熟悉了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>  

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

 

  

微信小程序采坑记

上一篇:小程序-点击图片放大


下一篇:JMeter-jdbc 数据库