一、关于cover-view
1、cover-view的内容只有放置在原生组件里才能覆盖住原生组件
2、cover-view的内容不能超过原生组件,否则会被强制截取
3、微信文档中说只支持最外围的cover-view的fixed,经测试内围absolute也可使用,但有时候会看到用absolute的标签不见了,这时候你就要查看包括这个不见的标签的父元素的高度了,估计是absolute的标签超高了被父元素截取了
4、cover-image不支持absolute(可以支持)
5、cover-image,cover-view不支持背景图显示
二、使用过滤器
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();
三、关于本地图片资源路径(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可以多传参数,写的格式是,内容出处是https://blog.csdn.net/u013128651/article/details/79736485
2、template可以使用wxs的过滤器,只是要把wxs写到template的内部中,类似于,参考地址
https://developers.weixin.qq.com/community/develop/doc/000aa21d1d4ac8704257e6b8d5b800?jumpto=reply&parent_commentid=0008a443d64fa012475793815554&commentid=000ee856438a70834b574a69d5bc
六、关于websoket
1、突然报连接失败,{errMsg: "fail:url not well format"}
原因是我的链接时传参错误了,地址不能识别直接传冒号
后面改成这样就好了
2、websoket的长链接一旦没有通信几秒很容易断,最好设置一下心跳包,后期有空再补上behaviors格式的长连接断连
七、关于live-pusher,live-player
1、live-player /’渲染失败,错误原因: insertLivePlayer:fail:access denied
原因:微信的权限里的相机和麦克风没有权限导致的,到手机 设置-应用-微信-权限里设置
感谢楼下的修正,直接就引用楼下的结论了~
live-pusher /’渲染失败,错误原因: insertLivePusher : fail:system permission denied
原因:微信的权限里的相机和麦克风没有权限导致的,到手机 设置-应用-微信-权限里设置
2、有网络原因或者断开链接时,可以尝试重连,否则就直接黑屏,影响客户体验
/**正在直播状态 */ statechange(e) { console.log(e.detail.code, '拉流状态'); switch (e.detail.code) { case 2004:break; case 2103: console.log("正在加载中,请稍后") break; case -2301: tost("和远程服务断开连接"); this.ctx.play({ success: function (ret) { console.log('start push success!') }, fail: function () { console.log('start push failed!') }, complete: function () { console.log('start push complete!') } }) break; } }
八、关于时间格式,ios只识别格式yyy/mm/dd 2018-10-31 20:30:00,具体查看
https://developers.weixin.qq.com/community/develop/doc/000240cd4a41c8b3a147b63da51c00?highLine=wxs%2520replace
九、canvas
1、drawImage绘制线上图片时,必须先下载到本地,而且线上图片的地址必须是在配置的安全域名下,并且必须等待图片完全下载好就绘制了,具体查看
之前由于以为这个文章被删了,重新整理了一份上传到https://blog.csdn.net/baidu_34197758/article/details/88840757,这个文章就不再维护了