前端手记：语言与组件

围绕职责分离、组件封装和过程抽象，整理 JavaScript 代码的组织方法；结合插件化、依赖注入与 once 示例，理解如何减少耦合、复用交互逻辑。

从编译与类型声明入手，梳理 TypeScript 常用类型、接口、类、泛型和声明文件，并对比 any 与 unknown、interface 与 type 等容易混淆的概念。

梳理 useEffect 的执行时机与依赖数组，说明自定义 Hook 如何复用组件逻辑，并用 useDebounce 示例串起状态、定时器和清理函数的配合。