React 中 useState 的闭包陷阱：从事件监听器到定时器的正确写法-低调大师

React 中 useState 的闭包陷阱：从事件监听器到定时器的正确写法

2026-09-30 64

React useEffect 依赖数组比较陷阱：为什么对象和函数总是触发重跑

在 React 函数组件中，useEffect 的依赖数组决定了副作用何时重新执行。很多开发者习惯把组件内定义的对象、数组或函数直接放进依赖项，结果发现 useEffect 每次渲染都跑，甚至引发无限循环。这个问题在请求封装、事件监听、定时器清理等场景里特别常见。它的根源不是 React 的 bug，而是 JavaScript 的引用比较规则：依赖数组用的是 Object.is，对象和函数每次渲染都会创建新引用，所以 React 认为依赖变了。要解决它，需要理解闭包、引用稳定性和依赖收集，而不是简单地把依赖删掉或禁用 lint 规则。下面从实际代码出发，拆解几种常见的踩坑写法，并给出不牺牲可读...

2026-09-30

43

在维护一个数据看板项目时，我经常需要从数组或字符串的末尾取元素。以前习惯用 arr[arr.length - 1] 或者 str.charAt(str.length - 1)，写多了总觉得啰嗦，而且一旦变量名很长，代码读起来就有点费劲。后来发现 ES2022 给数组、字符串和 TypedArray 都加了 at() 方法，可以直接传负数索引，从末尾往前数。这个 API 在 Chrome 92+、Node 16.6+ 都已经支持，但实际用的时候有几个细节容易踩坑：比如它不改变原数组，对稀疏数组的处理和普通索引一样，字符串上返回的是单个字符而不是码点。这篇文章会结合几个真实场景，聊聊 at() 的...

2026-09-30

27

资源下载

更多资源

优质分享App

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

Nacos

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

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。