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

微信小程序

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

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频繁点击滚动

<script>
    var agent = navigator.userAgent.toLowerCase(); //检测是否是ios
    var iLastTouch = null; //缓存上一次tap的时间
    if (agent.indexOf('iphone') >= 0 || agent.indexOf('ipad') >= 0) {
        document.body.addEventListener('touchend', function (event) {
            var iNow = new Date()
                .getTime();
            iLastTouch = iLastTouch || iNow + 1 /** 第一次时将iLastTouch设为当前时间+1 */ ;
            var delta = iNow - iLastTouch;
            if (delta < 500 && delta > 0) {
                event.preventDefault();
                return false;
            }
            iLastTouch = iNow;
        }, false);
    }
</script>

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;}