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