微信小程序开发遇到的坑

我去，我之前那边写小程序好像被删掉了，先再写一个看看

一、关于cover-view

1、cover-view的内容只有放置在原生组件里才能覆盖住原生组件（组件同级渲染后，cover-view层级最高）

2、cover-view的内容不能超过原生组件，否则会被强制截取

3、微信文档中说只支持最外围的cover-view的fixed，经测试内围absolute也可使用，但有时候会看到用absolute的标签不见了，这时候你就要查看包括这个不见的标签的父元素的高度了，估计是absolute的标签超高了被父元素截取了

4、cover-image不支持absolute(目前可以支持)

5、cover-image,cover-view不支持背景图显示

6、cover-view不支持before，after等伪类伪类

7、cover-image不支持gif图片

二、使用过滤器

1、使用方法https://www.2cto.com/kf/201801/712538.html

2、仔细查看上文对wxs 的介绍可知，过滤的数值不能动态改变，即不能实现双向绑定(目前可以支持)

3、wxs 的运行环境和其他 javascript 代码是隔离的，wxs 中不能调用其他 javascript 文件中定义的函数，也不能调用小程序提供的API。

4、正则的使用由

var text = t.replace(/-/g, "/");

  变为

 var text,
    regexp = getRegExp('-', 'g');
 
  text = t.replace(regexp, '/');

5、时间格式的使用

var time = getDate();//等同于js的var time = new Date();

ps:过滤器官方相关的介绍文档地址：

https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/

三、关于本地图片资源路径（background）

1、小程序只有image标签支持本地图片资源路径，wxss里的background-image不支持，如果想css使用背景图，就只能把本地图片用线上地址转化成base64路径

2、线上转化base64的地址：http://imgbase64.duoshitong.com/

 

四、关于组件

1、组件通讯可以通过自定义组件进行，并且所有引用这个组件的页面都可以通过这个自定义事件对组件进行通讯，也就是即使你组件A封装了组件B，但组件A可以通过组件B的自定义事件来通讯组件B，只是组件B的自定义事件要设置为要冒泡且可以越过组件边界，即
 

 this.triggerEvent('customevent', {}, { bubbles: true, composed: true }) 

五、关于template

1、template的data可以多传参数，写的格式是，内容出处