React useEffect 中清理函数的执行时机与闭包陷阱-低调大师

React useEffect 中清理函数的执行时机与闭包陷阱

2026-11-11 2

浏览器中 requestAnimationFrame 与 setTimeout 的时序差异：一个动画卡顿的排查记录

做前端交互时经常遇到元素动画轻微卡顿，但帧率监控却显示稳定 60fps 的情况。这种问题在滚动跟随、拖拽反馈和进度条过渡里尤其常见。多数人第一反应是 CSS 动画性能不足，实际排查下来往往是 JS 驱动动画的调度方式出了问题。requestAnimationFrame 和 setTimeout 在浏览器渲染流水线中处于不同阶段：前者对齐垂直同步信号，回调在样式计算和布局之前执行；后者只保证延时入队，不保证在下一帧之前执行。两者混用或者把高频状态更新放在 setTimeout 里，会导致同一帧内多次写入样式、...

2026-11-11

1

写 React 的时候遇到过这样一个情况：一个列表页需要根据筛选条件拉取数据，筛选条件是一个对象 { page, keyword, status }，为了代码清晰，我把它单独提成了一个变量，然后放进 useEffect 的依赖数组里。结果发现每次组件重渲染，接口都会被重新请求一次，哪怕筛选条件根本没变。打开 Network 面板能看到请求疯狂重复，如果接口有分页或者埋点，还会造成额外的服务端压力。这个问题在开发环境里尤其明显，因为 StrictMode 会 double invoke effect，让人误以...

2026-11-11

3

资源下载

更多资源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。