微信小程序开发的坑

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、微信里删掉最近使用的小程序，安卓会清空storage缓存，苹果不会。

11、page页面配置"disableScroll":true时，onPageScroll无法使用。

12、video标签设置默认显示视频的第一帧：initial-time='0.01'

13、video在swiper里，image与video同层，滑动swiper的时候有时候image会消失不见，慢慢滑动swiper时image不会消失，兼容处理方法：让image过一会显示

14、

因为有这个小程序跳转+钥匙，被微信警告了，说有网赚行为。

15、页面设置setInterval后，退出页面后会依然存在，要在onUnload里clearInterval。

16、引用weui.wxss，其中

page {
  line-height: 1.6;
  font-family: -apple-system-font, "Helvetica Neue", sans-serif;
}

的font-family会导致iphone下微信小程序的直接播放的视频广告的"广告"角标出现异常：

17、