微信小程序、H5移动端和web端问题总结

刺骨的言语ヽ痛彻心扉 2021-12-03 15:02 362阅读 0赞

### 微信小程序 ###

###### 1、微信小程序多次保存海报文字颜色大小排版错误，偶尔复现 ######

> [https://developers.weixin.qq.com/community/develop/doc/000ee497d8cd78e50257df8d156400][https_developers.weixin.qq.com_community_develop_doc_000ee497d8cd78e50257df8d156400]

###### 2、cover-view不能覆盖live-player ######

> 原因：可能因为cover-view先加载live-player后加载，导致cover-view没有在最上层

### H5移动端 ###

###### 1、上传文件报错Illegal Invocation ######

> 由于ajax对参数默认序列化处理，所以要设置processData:false禁止参数处理

###### 2、ios无法识别new Date(2019-06-21 18:26) 返回数据为null ######

> 需要把‘-’替换成‘/’

str.replace(\-\g,'/')  //new Date(2019/06/21 18:26)

###### 3、watch无法监听根据索引改变的数组 ######

vm.items[indexOfItem] = newValue
    Vue.set(vm.items, indexOfItem, newValue) //第一种方法
    vm.$set(vm.items, indexOfItem, newValue) //第二种方法

###### 4、ios频繁点击滚动 ######

###### 4、部分ios手机返回上一页页面不刷新 ######

location.href = document.referer

### web端 ###

###### 1、layui框架 layer.open里点击事件失效 ######

> $(’\#id’).on(‘click’, function () \{\})  
> 改为  
> $(document).on(‘click’, ‘\#id’, function () \{\}）

###### 2、layui框架 layer.open里laydate闪退无法弹出 ######

>  *  layer.open要写type: 1
>  *  content: $(’\#id’)后面不要加.html()
>  *  content隐藏不要用class=“layui-hide” 要设置css display:none

### css ###

###### 1、css禁止浏览器预览图片 ######

pointer-events:none

###### 2、text-align:justify ios不兼容 ######

> 利用::after伪类，给元素最后设置一个内联元素，并设置宽度为100%

text::after{content:'';width:100%;display:inline-block;}

[https_developers.weixin.qq.com_community_develop_doc_000ee497d8cd78e50257df8d156400]: https://developers.weixin.qq.com/community/develop/doc/000ee497d8cd78e50257df8d156400