微信小程序坑

刚接触微信小程序时，小程序还有很多bug，随着微信团队一个个版本的更新，现在已经日渐完善了，它和h5页面还是有些区别的，我在做的时候就碰到过很多bug，一些常见问题记录一下。

一、原生组件使用限制

1、小程序部分原生组件有：cemera、canvas、input、live-player、live-pusher、map、textarea、video。这些原生组件微信小程序无法用在scroll-view、swiper、picker-view、movable-view中。更重要的是，这些原生组件在模拟器中表现和真机会有差别，所以一定要在真机确认真实效果，Android和ios也会存在差异。

2、map、video、canvas、camera组件层级是最高的，设置z-index也是无效的。这时可以使用cover-view来实现在原生组件上覆盖内容。cover-view支持嵌套cover-image，支持button，其他标签均不支持。

3、video嵌套cover-view有个bug，cover-view如果是弹层并且嵌套input标签时，不可使用hide，show方法操作弹层，会导致input调用输入法时苹果手机卡死闪退。

4、button按钮默认带一条边线，css，border:0也无法清除，需要使用button::after{border:none;}。

5、开发时需在详情里把不校验合法域名、web-view业务域名、TLS版本以及HTTPS证书勾选上，之后就可以正常访问外部服务器了。

6、css背景图片必须是网络url或者base64，不支持本地图片，可以使用image标签。

7、微信小程序使用wx.request()方法请求的url必须是https开头。

8、微信小程序wx.request()，使用post方法请求时，还需要加上header，header[content-type]值为application/x-www-form-urlencoded。

9、scroll-view标签里不能使用 textarea、map、canvas、video 组件（官方文档有说明）