2022.3.19补充
节流函数的另一种实现方式：
两者的区别：
防抖函数：在一定时间内执行一个方法多次，只执行最后一次。因为在事件触发会先清理timer，如果时间间隔不到则会被清理掉，只有你的间隔到了之后才会执行，因此前面的函数都会被清理掉。
节流函数：在一定时间内执行一个方法多次，只有第一次生效。因为在事件触发后会先判断timer是否存在，只有不存在的时候才会执行。
相当于防抖是强制清理，节流是不到时间进不了大门。
场景：以下是给元素绑定了一个onscroll滚动条事件，滚动条事件，实时检测触发，间隔事件可以达到很短，执行频率很高，，有必要的使用节流。
HTML部分
CSS部分
JS部分
