前端开发

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

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

零宽字符&摩斯电码

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

HTML5日期控件

2019-11-0474次阅读HTMLhtml5
HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历,供用户选择。
前端开发

input文本框disabled、readonly、unselectable不可编辑的3种方法

2019-08-15392次阅读HTML
disabled属性是指禁用input元素、不可编辑、不可复制、不可选择、不能接收焦点、后台也不会接收到传值。
前端开发

重绘Repaint和回流Reflow以及如何进行优化

2019-08-07268次阅读cssHTML
由于节点的几何属性发生改变或者由于样式发生改变而不会影响布局的,称为重绘,例如outline, visibility, color、background-color等,重绘的代价是高昂的,因为浏览器必须验证DOM树上其他节点元素的可见性。回流是布局或者几何属性需要改变就称为回流。回流是影响浏览器性能的关键因素,因为其变化涉及到部分页面(或是整个页面)的布局更新。一个元素的回流可能会导致了其所有子元素以及DOM中紧随其后的节点、祖先节点元素的随后的回流。回流必定会发生重绘,重绘不一定会引发回流。
前端开发

audio音频常用的JavaScript控制

2019-06-24262次阅读HTML
audio音频常用的play()播放(继续播放)、pause()暂停等方法
前端开发

HTTP1.0与HTTP1.1的区别

2019-06-20191次阅读HTML
HTTP1.0定义了三种请求方法:GET,POST和HEAD方法,HTTP1.1新增了五种请求方法:OPTIONS,PUT,DELETE,TRACE和CONNECT
前端开发

HTTP Referer学习

2019-06-13504次阅读HTML
HTTP请求的头信息里面,Referer是一个常见字段,提供访问来源的信息。注意Referer字段是可选的。客户端发送请求的时候,自主决定是否加上该字段。
前端开发

网站icon尺寸大小做多大合适?

2019-06-11208次阅读HTML
网站的favicon.ico图标大小到底做成多大才比较合适?16x16或32x32还是128x128?建议大家选择16x16或者32x32,再大也是完全没有必要的。
前端开发

chrome浏览器下去掉文本框黄色背景及取消表单记忆功能

2019-06-11342次阅读HTML
利用阴影可去掉文本框或密码框的黄色背景input:-webkit-autofill {-webkit-box-shadow:0 0 0 30px #DDB671 inset;/*框的背景色*/-webkit-text-fill-color:#fff;/*框内的文字颜色*/}