js深入
啦咯啦咯啦啦咯
这个作者很懒,什么都没留下…
展开
-
JS深入之数组去重
本篇文章打算写一下关于数组去重的常用的七种方法。 参考文章: 冴羽的博客 一.Set() ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, ...原创 2019-10-29 10:37:26 · 96 阅读 · 0 评论 -
JS深入之节流(throttle )
参考文章: github上冴羽的博客 什么是节流(throttle ) 所谓节流,就是指连续触发事件但是在 n 秒中只执行一次函数。节流会稀释函数的执行频率。 节流的实现 有2种主流方法实现节流:一种是使用时间戳,一种是设置定时器 时间戳 <body> <div id="container"></div> <script> ...原创 2019-10-28 11:12:54 · 522 阅读 · 0 评论 -
JS深入之防抖(debounce)
什么是防抖 在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖) 和 throttle(节流) 的方式来减少调用频率,同时又不影响实际效果。 防抖原理 你尽管触发事件,但是我一定在事件停止触发 n 秒后才执行。 这意味着如果你在一个事件触发的 n 秒内又触发了这个事件,那...原创 2019-10-28 10:43:51 · 220 阅读 · 0 评论