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

it2022-05-05  88

微信小程序

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: 1content: $(’#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;}

最新回复(0)