随笔分类 - JavaScript
摘要：什么是正则表达式 Regular Expression 使用单个字符串来描述、匹配一系列符合某个句法规则的字符串 按照某一种规则去匹配符合条件的字符串 修饰符 g 名称：global 说明：全文搜索，不添加的话，搜索到第一个匹配停止 i 名称：ignore case 说明：忽略大小写，默认大小写敏感
阅读全文
摘要：虚拟列表 什么是虚拟列表 虚拟列表是一种根据滚动容器元素的可视区域来渲染长列表数据中某一个部分数据的技术 为什么需要虚拟列表 虚拟列表是对长列表的一种优化方案。在前端开发中，会碰到一些不能使用分页方式来加载列表数据的业务形态，我们称这种列表叫做长列表。比如，手机端，淘宝商品展示，美团外卖等，数据量特
阅读全文
摘要：根据图片头信息验证 const files = document.getElementById('files') const arr = []; files.onchange = async function(e) { const file = e.target.files; arr.push(fi
阅读全文
摘要：md5 文件上传 当用户在操作文件上传功能时，某些文件特别大，比如：100M，1G ?G 。网速慢，浏览器卡顿，可使用文件切片方式上传。 html 页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name
阅读全文
摘要：什么是 reduce reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值 const array1 = [1, 2, 3, 4]; const reducer = (accumulator, currentValue) => accum
阅读全文
摘要：简单说一下 Object.assign、JSON.stringify和Object.create 拷贝对象后的变化，以及实现深度拷贝方法。
阅读全文
摘要：复习数组中的所有方法 复习数组中的所有方法以及es6 新出的方法 concat var arr1 = [1, 2, 3, 4, 5] var arr2 = ['a', 'b', 'c', 'd'] // 数组内容合并，返回新的数组 console.log(arr1.concat(arr2)) //[
阅读全文
摘要：CustomEvent 使用 <button id="customEvent">触发事件</button> <button id="trigger">触发绑定值</button> const custom = document.getElementById('customEvent') const
阅读全文
摘要：属性 Element.attributes 属性返回该元素所有属性节点的一个实时集合。该集合是一个 Element.accessKey 元素的 Element.accessKey 属性设置了这样一个按键——用户通过敲击这个键把焦点跳转到这个元素上。 注: Element.accessKey 属性很少
阅读全文
浙公网安备 33010602011771号