作为一个刚刚开始开发小程序的童鞋,还是要熟悉下微信开发者工具和开发文档的。
真机调试,可以用微信扫开,在实际的手机查看程序运行状态。可以跟开发者工具一样调试。这些都还算基本的,当你熟悉了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页面开发的原因,可以省去不少采坑的时间。