前端开发

使用伪元素增加可点击区域

2019-12-0714次阅读HTMLcss3css
根据网页无障碍阅读指南(WCAG)准则WCAG 2.1,触摸或鼠标的最小目标尺寸应为44×44像素。大小不是固定的,可能会根据使用情况而改变。但是,44×44像素是一个很好的起点。UX设计中要遵循的重要定律。简单地说,触摸或点击目标越大,越接近,用户与其进行交互的时间越短。仅通过更改元素的宽度和高度或使用填充,并不一定总是可以增大可点击区域。好吧,不妨使用伪元素增加可点击区域。因此当我们创建具有特定宽度和高度的伪元素时,它将充当其父元素的单击/触摸/悬停区域。
前端开发

CSS伪类:placeholder-shown实践

2019-12-0713次阅读css3
CSS伪类:placeholder-shown在或元素显 placeholder text时生效。例如:通过:not(:placeholder-shown)来实现当用户输入搜索按钮高亮等
前端开发

js判断Chrome浏览器Adobe Flash是否启用

2019-12-0518次阅读flash
navigator.mimeTypes将返回插件对象的数组,如果用户再禁用插件就不会出现这个数组中,例如:Shockwave Flash组件是否启用。
前端开发

IOS下input光标大小调整

2019-12-0236次阅读IOS
IOS下给input设置高度及行高后,光标大小与高度一致,及其影响美观。但在安卓手机上显示没有这个问题。解决办法:去掉input的行高即可。
前端开发

拷贝JS数组的12种技巧

2019-11-15106次阅读javascript
js中数组和对象是引用类型,意味着简单地将一个旧数组分配给一个新变量,其实只是拷贝了一份引用。即旧数组与新变量是共享相同的引用,并且在更改新变量之后,旧数组也将受到更改的影响。接着来看看一些关于拷贝克隆数组的有趣方法和技巧
前端开发

Vue生命周期方法

2019-11-13114次阅读vue
vue生命周期分为初始化阶段4个beforeCreate、created、beforeMount、mounted,运行中阶段2个beforeUpdate、updated,销毁阶段2个beforeDestroy、destoryed
前端开发

零宽字符&摩斯电码

2019-11-08137次阅读javascriptHTML
零宽字符是一种在浏览器中不打印的字符,大致相当于 display: none ,在许多文本应用中也不显示,比如邮箱、QQ、微信、文本编辑器等,这里有三种零宽字符 -- 零宽空格、零宽连字、零宽不连字。 摩斯电码采用长短两种符号进行文本加密,通过字典进行加密和解码,摩斯电码字典如下:
前端开发

JavaScript数组常用的13个技巧

2019-11-06175次阅读javascriptES6
数组是Javascript最常见的概念之一,它为我们处理存储在其中的数据提供了很多可能性,在本文中,将向您展示一些您可能不知道的技巧,这些技巧可能对编写代码很有帮助。
前端开发

移动端浏览器后退不刷新

2019-11-06140次阅读IOS
主要会发生在webview里多一点,当点击后退时页面以缓存形式出现,而不是刷新后的,很多情况下这不是你预期的效果,解决方法是用js
前端开发

移动端点击元素产生背景或边框怎么去掉

2019-11-06126次阅读css3
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only; //-webkit-user-modify有个副作用,就是输入法不再能够输入多个字符