![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bug记录
ruanhongbiao
最想要去的地方,怎能半途返航。
展开
-
【移动端bug】iOS下setTimeout无法触发focus事件的解决方案
项目需求是打开页面的时候,input元素自动弹起键盘。由于各种方面的考虑,我们希望通过setTimeout延时200毫秒让input元素focus,demo代码如下:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>IOS下s原创 2018-05-11 17:03:49 · 2381 阅读 · 0 评论 -
解决移动端Retina屏幕1px边框问题方法汇总
造成边框变粗的原因其实这个原因很简单,因为css中的1px并不等于移动设备的1px,这些由于不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性,他可以反应css中的像素与设备的像素比。devicePixelRatio的官方的定义为:设备物理像素和设备独立像素的比例,也就是 devicePixelRatio = 物理像素 / 独立像素。关于devicePixe...原创 2018-05-18 15:32:53 · 1517 阅读 · 0 评论 -
移动端点击(click)事件延迟问题的解决方法
大多数基于触摸的浏览器设备,在点击时都会有个 300ms 的事件触发等待时间,做过 web app 开发的同学应该都遇到过这个情况,通过下面的5步可以轻松搞定这个延迟。1、不要太纠结于此是否能接受这 300ms 的时间延迟,往往取决于你的应用和目标受众,比如:如果是个内容为主,并且菜单较少的应用,那么用户在阅读上花费的事件远远大于在菜单上消耗的事件,这种 情况下 300ms 是完全可以接受的,并且...原创 2018-05-23 14:17:31 · 12066 阅读 · 0 评论 -
防止按钮重复点击的解决方案与思路
在网页开发过程中经常遇到点击按钮之后提交表单且不能重复提交表单的问题,我总结了一下常用的解决办法:下面模拟整个过程:<html> <head> <title>测试</title> <meta charset="utf-8"> </head> ...原创 2018-05-23 14:35:11 · 31297 阅读 · 0 评论 -
IOS下z-index失效问题
一.zindex和transform translateZ冲突问题1.在android上,如果对元素同时设置zindex和transform translateZ的值时,在显示上zindex的优先级要高于translateZ2.在ios上,则相反,translateZ的优先级要高于zindex3.所以最好在设置一系列元素时,zindex的值和translateZ的值应该一起逐级增长或逐...原创 2019-07-12 17:54:54 · 3969 阅读 · 1 评论 -
使用cnpm install安装依赖包的坑
最近在项目中遇到一个很奇怪的问题,使用cnpm install安装依赖导致部分el-input生成的input输入框无法输入的问题原创 2019-07-22 08:59:26 · 7265 阅读 · 0 评论