yuki_uix

这个 spec-driven 的思路我想了很久，但真正把它变成一个可以演示的东西，是因为有了 Hackathon 这个强制交付的压力，我才一鼓作气让 flow 落地。

三道经典的异步编程题：sleep、并发调度器、EventEmitter。分别考察了 Promise 基础，异步控制流和设计模式。与其死记代码。不如把代码的每一行“为什么”搞清楚。

React.memo、useMemo、useCallback 各自解决了什么问题？它们是如何协作的？什么时候该用，什么时候加了反而是负担？面对一个有渲染性能问题的页面，优化的思路和顺序应该是什么？

我曾遇到这样的困惑：花了很多时间优化代码，减少了回流次数，设置了合理的缓存策略，但如何证明页面"变快了"？用户说"感觉还是有点慢"，但我不知道具体慢在哪里。这让我开始思考：性能到底应该如何度量？

这篇文章从三个简单的自定义 Hook 出发，探索了 React 中的副作用管理、状态同步和性能优化。

从一个简单的数据转换函数：扁平到层级来回转换，本文延伸出了很多思考：算法优化、设计原则、实际场景、性能权衡。这个过程让我意识到，工程中的"小问题"往往不小 —— 它们是设计思想的缩影。

手写深拷贝的核心是：1. 递归思维：基本类型直接返回，对象类型递归拷贝；2. 循环引用检测：使用 WeakMap 记录已拷贝对象；3. 类型判断: 用 prototype 区分类型；4.特殊类型处理

防抖看似简单，实际上涉及闭包、this 绑定、定时器管理等多个知识点。手写防抖的关键是理解"延迟与取消"的核心思想，然后一步步处理参数、this、立即执行等细节。

这篇文章来自一次真实的性能优化经历。从 react profiler 读取识图，到根因定位，再到几种优化方案的对比分析，从实例切入，理解如何做性能优化。