JavaScript触发onScroll事件的函数节流详解

问题描述 常见的网站布局，顶部一个导航栏，我们假设本页面共有四个栏目：分别为A、B、C、D，我们点击A，锚点跳转至A栏目，同时顶部的A按钮高亮；点击B，锚点跳转至B栏目，同时顶部的B按钮高亮；我们在Main组件里面滚动，滚动到B模块时，B按钮高亮。以上是我们经常会在开发中遇到的一个模型。如果是在以前，用jQuery作前端开发的话，实在是太熟悉不过了。 解决方案 主要想谈谈在React组件化开发中的性能优化方法。 我们的页面结构是这样的 <div className={style.main} id=main ref={(main)> { this.main = main;