Ajax：什么是节流？ --- 高频面试题

最新推荐文章于 2024-03-26 21:33:49 发布

奄奄一息的一条咸鱼

最新推荐文章于 2024-03-26 21:33:49 发布

阅读量132

点赞数

分类专栏： Ajax 文章标签： ajax javascript 前端

本文链接：https://blog.csdn.net/weixin_46682277/article/details/122870340

版权

Ajax 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

什么是节流？
单位时间内，控制执行的次数，也就是减少一段时间的触发频率

节流的好处
同样是为了减轻服务器的压力

代码示范：

/* css代码 */
<style>
        body {
            height: 2500px;
        }
</style>

<!-- body中的代码 -->
<body>
    <script>
    	// 不使用节流模式的情况下，频繁触发滚动条事件，会触发非常多的次数，而使用了节流模式，触发的次数会被有规律的控制
        // 节流：限制了执行的次数
        let count = 0
        window.addEventListener('scroll', function () {
            // 最一开始的时候this.timerId的值为undefined，后面this.timerId就有标识了，不再为undefined
            // 一开始默认进入判断，执行代码
            if (!this.timerId) {
                this.timerId = setTimeout(function () {
                    count++
                    console.log(`我被触发了${count}次`)
                    this.timerId = undefined
                }, 300)
            }
        })
    </script>
</body>