小程序的坑(待收集整理)

1：background图片url不能为本地图片

/*真机上无法显示背景图*/
.icon{ width:50rpx; height:50rpx; color: #1d1d1d; background-image: url(../image/doll_user_bg.png);}

避坑的方法：
（1）将图片转为base64编码(https://transfonter.org/)
（2）将图片上传到服务器，填写服务器上的图片的路径地址

.icon{ background-image: url(https://webtest.yystatic.com/project/yyDoll/mobile/image/doll_user_bg.png);}

2：在微信小程序中添加了tabBar之后wx.navigateTo和wx.redirtTo不能进行跳转操作
原因：如果待跳转页面从属于TabBar，wx.navigateTo将失效，如要切换，需使用wx.switchTab：使用该方法之后将不再有返回按钮

3：公测开放后,强制要求请求全部为https
配置服务器的页面,https是写死的,不可更改，如果用了这个列表以外的域名,直接就被开发工具拦截,请求无法发出去,提示请求不在域名列表中.

4：bindtap和catxhtap的区别
bindtap元素绑定事件，父节点绑定事件会冒泡；catchtap不会冒泡，仅在当前元素出发

5：button上的默认边框效果怎么去除
首先给button设置border：0是无效的。因为小程序中button的边框是用::after实现的，所以说想要去除button上的边框需要设置button::after{border：none}就可以啦。

6：cover-view的坑
参考：https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html
由于小程序里面video标签的层级是最高的无法覆盖。所以cvoer-view应运而生。它就是用于盖在video标签上面，进行对video标签的周遭加以装饰的利器。
然而，当我满心欢喜地以为这个标签很好用的时候，我遇到了很多奇奇怪怪的坑。
例如在cover-view上面使用相对定位，当video标签大小发生变化的时候，cover-view上面的元素就乱七八糟。 又譬如圆角的不起效等等。: