前端开发

HTML属性capture是否启用用户的前置或后置摄像头和/或麦克风

2022-11-22763次阅读HTML
capture属性放input file文件上传控件上,可以给它一个值“user”或“environment”。user启用用户的后置摄像头和/或麦克风,environment启用用户的前置摄像头和/或麦克风。
前端开发

Web组件::part和::slotted伪元素,以及:defined、:host和:host-context伪类

2022-08-231000次阅读HTML其它
Web组件::part和::slotted伪元素,以及:defined、:host和:host-context伪类。它们为我们提供了与 Web 组件交互的额外方式。
前端开发

去除video标签获得焦点的边框

2021-07-291983次阅读HTML
那是因为video的:focus属性定义的1px。
前端开发

video隐藏下载按钮

2021-07-291698次阅读HTML
通过ControList API设置nodownload来隐藏下载按钮,还可以设置nofullscreen隐藏全屏按钮, 以及noremoteplayback等属性,具体的示例可以参考github pages。ControlList API 是从Chrome 58+ 才开始引入的。
前端开发

移动端常用meta开箱即用

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

HTML5 video视频的playsinline局部播放

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

FormData与Content-Type类型关系

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

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

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

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

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

零宽字符&摩斯电码

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