前端开发

移动端常用meta开箱即用

2020-08-05109次阅读其它IOSHTML
收集了一些移动端开箱即用的meta标签大全。
前端开发

HTML5 video视频的playsinline局部播放

2020-06-23281次阅读HTMLhtml5
playsinline就是让H5的video视频在iPhone上不全屏显示。
前端开发

FormData与Content-Type类型关系

2020-06-16206次阅读HTMLjavascript原生Js
FormData对象用来将数据编译成键值对,以便用XMLHttpRequest来发送数据。它使用的格式与表单将Content-Type类型设置为"multipart/form-data"时使用的格式相同。直白点说当使用FormData对象时请将Content-Type类型设置为"multipart/form-data"。
前端开发

input File文件上传accept过滤zip、rar等

2020-04-23804次阅读HTML
input File文件上传accept,如果需要选中zip是accept=".application/zip",如果需要选中zip和rar则accept=".zip,.rar"
前端开发

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

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

零宽字符&摩斯电码

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

HTML5日期控件

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

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

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

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

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

audio音频常用的JavaScript控制

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