Open NPLUSWEB opened 6 years ago
A:window.location.href = document.referrer; referrer 属性可返回载入当前文档的文档的 URL,如果当前文档不是通过超级链接访问的,则为 null。
A:在父类中用mask-image -webkit-mask-image:url(../img/zhez.png); -webkit-mask-size: 5.22rem 5.22rem; 原文http://blog.csdn.net/w20101310/article/details/52298636
A:给点击的元素的css加cursor: pointer
A:去掉input中的capture="camera"
A:在css中加body *{ max-height: 999999px; }
A:有可能是切的图是图片本身大小,给背景图画布大小加一像素
A:方法一: 添加注释关闭autoprefixer,但是若果有清除注释的插件,请将该插件设为false,否则不生效 / autoprefixer: off / -webkit-box-orient: vertical; / autoprefixer: on / 方法二:将autoprefixer设置为false,或者只是将移除功能关闭 autoprefixer:{remove:false} 原文:https://blog.csdn.net/screaming_color/article/details/80915154
A: destroyed(){ if(this.timer) { //如果定时器在运行则关闭 clearInterval(this.timer); } } 原文:https://blog.csdn.net/weixin_39494582/article/details/79879282
A:1、IOS上的方法 方法1 $(function () { var isPageHide = false; window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); } }); window.addEventListener('pagehide', function () { isPageHide = true; }); });
方法2 $(function () { window.addEventListener("popstate", function(e) { self.location.reload(); }, false); var state = { title : "", url : "#" }; window.history.replaceState(state, "", "#"); }); 原文:https://www.jianshu.com/p/5cf5283f2d4f
Q:动画卡顿、不流畅
A:1、js动画换成css3动画 2、减少DOM操作 3、使用translate3d等3d属性来开启GPU渲染动画 4、适当减少不必要动画
Q:translate3d等3d属性渲染动画后出现白屏或闪屏
A:对使用3d属性标签添加样式backface-visibility:hidden;-webkit-backface-visibility:hidden;
Q:点击元素出现阴影或遮罩
A:对点击元素添加样式 -webkit-tap-highlight-color:rgba(255,255,255,0);
Q:点击元素出现边框
A:对点击元素添加样式 outline: none;
Q:input、textarea输入框出现怪异内阴影
A:对元素添加样式 appearance:none;-webkit-appearance:none;
Q:去掉select标签默认箭头
A:对select添加样式 appearance:none;-webkit-appearance:none;
Q:IOS长按识别二维码BUG
A:在页面顶层覆盖一层透明度为0的图片,touchstart显示,touchend隐藏
Q:事件穿透(穿透层级高的元素,让层级低的元素可以响应事件)
A:pointer-events:none;
Q:Ios滚动不流畅
A:-webkit-overflow-scrolling:touch;
Q:overflow:scroll或overflow:auto滚动条样式
Q:ios双击页面的时候页面会向上弹一下
Q:移动端p标签字体大小失控
A:P标签设置max-height:100%
Q:pc端video标签播放m3u8视频流
Q:ios微信禁止改变字体大小
A:text-size-adjust: 100% !important; -webkit-text-size-adjust: 100% !important;
Q:Canvas画文字,中文英文数字占宽不一样
A:将文字拆分成单个字符,计算每个字符宽度,字符宽度依次相加,宽度达到文字区域宽度后拆分成数组,对拆分好的数组内容依次画到画布。代码如下:
Q:input file调取相机没反应
A:检查应用是否开启允许调用摄像头