js防抖和节流

  今天在网上看到的,里面的内容非常多。说下我自己的理解。

  所谓的防抖就是利用延时器来使你的最后一次操作执行。而节流是利用时间差的办法,每一段时间执行一次。下面是我的代码:

这段代码是右侧的小滑块跟随页面一起滑动。

 1 
 2 
 3     
 4         
 5         为了测试防抖和节流
 6         
 7         
24     
25     
26         
1
27
2
28
3
29
4
30
5
31
6
32
7
33
8
34
9
35
10
36
11
37
12
38
13
39
14
40
15
41
16
42
17
43
18
44
19
45
20
46 47
48 返回顶部 49
50 51 52 88

这里面只有防抖,没有节流,大家注意一下。78——86行是我没有做防抖的样子。大家可以快速的拉动滚动条,看看这两者的区别。我自己觉得还是没有防抖的好看,哈哈。

你可能感兴趣的:(js防抖和节流)