qq_42062727的博客

1. classList.contains这个方法可以判断某个元素节点是否有某个 class 类名，返回布尔值。比如：// div 元素是否有 wrapper 类名div.classList.contains("wrapper"); 封装：function hasClassName(el, className){ return el.classList.contains(className);}node.contains除了 classList.contains 方法之外，还有

几个常见的表单约束属性：pattern 给输入框指定正则表达式，用户输入的 value 必须匹配正则表达式才可验证通过；maxlength 用户可以输入文本输入框中的最大字符；minlength 用户可以输入文本输入框中的最小字符数；required 表示这个表单控件的值不能为空；min 对于 type=“number” 的表单而言，小于指定的 min 值则无效；max 对于 type=“number” 的表单而言，大于指定的 max 值则无效；然后是两个有用的伪类，伪类可用于设置表单元素

假如后端传过来一个 a.jpg 图片文件，但这个文件的数据类型是 ArrayBuffer，想要用 URL.createObjectURL 展示图片，如何做到？createObjectURL 函数的参数是 File 对象、Blob 对象或者 MediaSource 对象。​因此就要将 ArrayBuffer 转成这三者中的其一类型。ArrayBuffer、File 相互转换ArrayBuffer 转成 File 直接调用 new File 构造函数即可：function bufToFile(buf,

PWA渐进式 web 应用 (Progressive web apps) 简称为 PWA。它可以给用户原生应用的体验。之所以称为“渐进式”，是因为给网站架设 PWA 并不影响原有的网页（或者说不需要代码层面的重构），这是一个独立的功能，你可以选择性添加该功能。PWA 的主要作用：可以让网站安装到设备的主屏幕上，就像用户在 APP 商店下载应用后这个应用的图标会放在桌面上。PWA 不需要用户通过应用商店进行下载，当你访问某个站点时，该站点如果支持 PWA，它会提示你可以将这个站点添加到桌面上。PWA