烟袅破辰

2025 年，我一边被 AI 解放，让写代码变得更轻松；一边又被 AI 牵引，开始学习工作流、搭流程、做验证。从用 AI 到学 AI，这是我被时代推着向前的一年。

本文以学生视角讲述从传统手写代码到 Vibe Coding 的转变，介绍其三个阶段：一句话需求、工程化提示词、多 Agent 协作，并强调 SDD（规范驱动开发）

React 闭包陷阱详解 在 React 函数组件开发中，闭包陷阱（Closure Trap） 是一个常见但容易被忽视的问题。它源于 JavaScript 的词法作用域机制与 React 渲染模型的交

本文深入解析前端性能优化利器——防抖与节流，通过逐行剖析 HTML 示例代码，揭示其原理、实现细节与常见误区，帮助开发者精准控制高频事件，提升用户体验与系统稳定性。

一、为什么需要性能优化？ React 的核心机制是：状态变化 → 组件函数重新执行 → 生成新的 UI。 但问题在于： 每次重渲染，所有变量、函数都会重新创建 即使某些数据或逻辑并未改变，也会被重复执

本文深入解析 React 性能优化三剑客：useMemo 缓存计算结果，useCallback 稳定函数引用，memo 避免子组件无效重渲染，结合易错点、面试题与答疑，助你精准掌握使用时机与原理。

useMemo缓存计算结果，memo防止子组件不必要渲染，useCallback稳定函数引用。三者协同工作，精准控制渲染时机，减少性能浪费，但应问题驱动使用，避免过度优化牺牲代码可读性。

本文通过实际案例解析 React 中 useMemo 和 useCallback 的正确使用场景，揭示重复计算与函数引用变化导致的性能陷阱，并指导如何合理搭配 React.memo 实现高效渲染

问题来了：React 是不是太“勤快”了？ 想象一下：你家有个特别勤快的机器人管家。 你只是想换个灯泡，它却把整个房子重新打扫了一遍——连你藏在沙发底下的薯片渣都不放过。