携手度余生

摘要： 一、once用原生js如何生效 在原生 JavaScript 中，可以使用 addEventListener 的第三个参数 { once: true }，事件触发一次后浏览器会自动移除监听器。 const button = document.querySelector('#btn'); button 阅读全文

摘要： 一、grid宫格布局 将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局 display: grid指定一个容器采用网格布局 默认情况下，容器元素都是块级元素，但也可以设成行内元素。 div { display: inline-grid; } 容器指定了网格布局以后，接着就要划分行和 阅读全文

摘要： 一、websocket 假死 浏览器中的 WebSocket API 不能像 Node.js 的 ws 库一样直接发送协议 层的 Ping 帧，也不能直接监听协议层 Pong 帧。 所以前端项目中常说的 ping / pong 心跳，通常是业务层心跳。 也就是说，前端主动发一个普通消息 ping，后 阅读全文

摘要： 科技感日期选择器样式 .data_screen .el-picker-panel__footer{ color: #87CEEB; background: #00122a; border-top: 1px solid #274954;}.data_screen .el-picker-panel{ c 阅读全文

摘要： 1、求数组最大/小值 const arr=[0,1,2,3,4] const prim = Math.min/max(...arr)// min:0 max:4 2、数组快速去重 let arr = [3, 5, 2, 2, 5, 5]; let unique = [...new Set(arr)] 阅读全文

摘要： 1、数据延迟及渲染延迟 nextTick(dom全部渲染完成后执行,通常用与延迟加载) mounted(){ this.init() //先加载 this.$nextTick(()=>{ this.afterInit() //后加载 }) } 2、setTimeout(多长时间后执行) mounte 阅读全文

摘要： 一、函数默认值 1、ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。传空或不传则返回默认值 function log(x, y = 'World') { console.log(x, y); } log('Hello') // Hello World log('Hello', 'Chi 阅读全文

摘要： isFinite()、isNaN() ES6 在Number对象上，新提供了Number.isFinite()和Number.isNaN()两个方法。 Number.isFinite()用来检查一个数值是否为有限的（finite）。Number.isNaN()用来检查一个值是否为NaN。 Numbe 阅读全文

摘要： 字符串遍历 ES6为字符串添加了遍历器接口，使得字符串可以被for...of循环遍历。 for (let codePoint of 'foo') { console.log(codePoint) } // 'f' 'o' 'o' 这个遍历器最大的优点是可以识别大于0xFFFF的码点，传统的for循环 阅读全文

摘要： 数组解构赋值 如果等号的右边不是数组（或者严格地说，不是可遍历的结构），那么将会报错。 (1)完全结构 let [a, b, c] = [1, 2, 3]; //a=1 b=2 c=3 可以从数组中提取值，按照对应位置，对变量赋值。 (2)不完全解构 let [x, y] = [1, 2, 3]; 阅读全文