微信小程序开发的坑

1、view设置height:100%时page刷新无效，page显示的高度还是原有的内容高度，并没有期望中充满整个手机屏幕高度
height:100vh

2、微信小程序 Image 图片实现宽度100%，高度自适应
做法如下：
样式设置宽度100%，
.img{
　　width: 100%;
}
添加属性 mode=”widthFix”，

<image class=”img” src=”../../images/hello.png” mode=”widthFix”>

3、text显示空格

在text标签中一定得加上decode=”true”，然后在需要显示空格的地方放&nbsp;

<text decode=’true’>&nbsp;&nbsp;</text>

4、radio图标修改大小

radio {
  transform:scale(.8);

}

5、使用wx.saveFile要注意无法直接下载网络资源到本地上，需要先使用wx.downloadFile下载资源得到临时文件路径【wxfile://开头的路径】，然后才能使用wx.saveFile接口

6、map组件show-location和wx.getlocation不在一个定位点。开发者工具上没有发现问题，等到了真机上出现问题了。最后去官方论坛发帖得到解答，只要给wx.getlocation制定type=gcj02类型就可以了。

7、关于setData的回调传递问题。

文档描述不是很明白，找了很久调试了很久才发现正确的使用方法是以下的方式调用的：

this.setData({
    a: 1,
  },
  () => {
    console.log('yyyy')
})

8、input文本框的placeholder-class不支持多个样式类名，空格分隔写法，解决办法：样式只能整合在一个类名里

9、navigator组件使用flex布局在安卓机子下是不兼容的。解决方案：在navigator组件内先添加一个view组件使用flex布局，或者直接使用inline-block转换view子组件。

10、

转载自：https://blog.csdn.net/cc1314_/article/details/79994156