![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
文章平均质量分 78
多云转晴ing
这个作者很懒,什么都没留下…
展开
-
四个好用的DOM API
1. classList.contains这个方法可以判断某个元素节点是否有某个 class 类名,返回布尔值。比如:// div 元素是否有 wrapper 类名div.classList.contains("wrapper"); 封装:function hasClassName(el, className){ return el.classList.contains(className);}node.contains除了 classList.contains 方法之外,还有原创 2020-07-25 10:20:51 · 281 阅读 · 0 评论 -
表单验证属性
几个常见的表单约束属性:pattern 给输入框指定正则表达式,用户输入的 value 必须匹配正则表达式才可验证通过;maxlength 用户可以输入文本输入框中的最大字符;minlength 用户可以输入文本输入框中的最小字符数;required 表示这个表单控件的值不能为空;min 对于 type=“number” 的表单而言,小于指定的 min 值则无效;max 对于 type=“number” 的表单而言,大于指定的 max 值则无效;然后是两个有用的伪类,伪类可用于设置表单元素原创 2020-07-25 10:15:56 · 1917 阅读 · 0 评论 -
File、Blob、ArrayBuffer 相互转换
假如后端传过来一个 a.jpg 图片文件,但这个文件的数据类型是 ArrayBuffer,想要用 URL.createObjectURL 展示图片,如何做到?createObjectURL 函数的参数是 File 对象、Blob 对象或者 MediaSource 对象。因此就要将 ArrayBuffer 转成这三者中的其一类型。ArrayBuffer、File 相互转换ArrayBuffer 转成 File 直接调用 new File 构造函数即可:function bufToFile(buf,原创 2020-07-25 10:06:06 · 15286 阅读 · 4 评论 -
PWA 入门教程
PWA渐进式 web 应用 (Progressive web apps) 简称为 PWA。它可以给用户原生应用的体验。之所以称为“渐进式”,是因为给网站架设 PWA 并不影响原有的网页(或者说不需要代码层面的重构),这是一个独立的功能,你可以选择性添加该功能。PWA 的主要作用:可以让网站安装到设备的主屏幕上,就像用户在 APP 商店下载应用后这个应用的图标会放在桌面上。PWA 不需要用户通过应用商店进行下载,当你访问某个站点时,该站点如果支持 PWA,它会提示你可以将这个站点添加到桌面上。PWA原创 2020-05-09 09:45:30 · 2726 阅读 · 1 评论