常用方法
呜脑袋不够用
这个作者很懒,什么都没留下…
展开
-
JS——节流
节流-throttle 拖拽一个元素时,要随时拿到该元素的拖拽位置 直接使用drag事件,则会频繁触发,很容易导致卡顿 节流:无论拖拽速度多快,都会每隔100ms触发一次 // 未封装 const dom1 = document.getElementById('dom1') let timer = null dom1.addEventListener('drag',function (e) { if(timer) { return } timer = setTimeout(() =>原创 2021-03-25 16:34:31 · 18786 阅读 · 4 评论 -
js——防抖
防抖(debounce) 监听一个输入框,文字变化后触发change事件,直接用Keyup事件,则会频繁触发change事件;防抖:用户输入结束或者暂停时,才出发change事件 说在前面: 1)aplly用法详解 2)keyup事件 代码实现: 1:未封装版本 const inputDom = document.getElementById('input') let timer inputDom.addEventListener('keyup', () => { if(timer) {原创 2021-03-25 14:07:41 · 2370 阅读 · 2 评论 -
数组去重 * 3 & 深度比较isEqual
1:数组去重 // 最为经典及简洁 function unique2(arr){ const result = [] arr.forEach(e => { // 没有的话直接往里面加 if(result.indexof(e) < 0) { result.push(e) } }) } // set的使用 function unique3(arr) { const result = new Set(arr) return Array.from(res原创 2021-03-25 13:43:51 · 271 阅读 · 0 评论