JavaScript 异步异常处理 三 种姿势，try/catch 嵌套地狱 最常见也最糟糕。
[err, data]：Go 风格，推荐封装一个 to(promise) 工具函数，10 行代码消灭所有 try/catch，错误处理变成一行 if (err) return。
关键：业务错误用元组、致命错误仍要抛，别用工具类把所有异常都吞掉。
JavaScript 中 await 的执行顺序，是面试高频题，也是写异步代码最容易踩的坑。
await 后面的表达式 立即同步执行，只有等号左边的赋值才被推入微任务队列await 本质是 Promise.then 的语法糖，每个 await 至少消耗 一 个微任务 tickawait 串行执行，N 个请求耗时 N 倍，必须用 Promise.all 并发ClaudeCode 客户端消息流的有序性，本质上是 单写者 + 显式序号 + 受控并发 换来的工程纪律，不是靠运行时去猜消息该怎么排。
要点拆解：
理解这套规则，比追着 SDK 文档更有用。
OpenCode 客户端保证消息有序，靠的不是排序算法，而是 "按 partID 分桶 + 桶内就地更新" 的状态合并模型。
核心设计 三 点：
id，创建顺序 = 渲染顺序part.updated 事件按 id 就地覆盖，不动 partOrder反面教材：早期每次更新都 setMessages([...messages]) 全量复制，消息一长 CPU 直接飙满。Streaming UI 的性能瓶颈从来不在网络，而在前端的更新粒度。
closest() 是 DOM 元素方法，从自身开始沿父链向上查找第一个匹配 CSS 选择器的元素。
<html>，找到即返回，否则返回 nullwhile (el && !el.matches(sel)) el = el.parentElement最佳实践：原生事件委托里只要涉及"从点击目标反查父级",优先用 closest(),别再手写 parentElement 循环。IE 不支持,老项目需 polyfill。
Karpathy 4 条规则是写给 AI Coding Agent 的行为准则，源自他 2026 年 1 月对 LLM 编码常见错误的观察，核心是先想再写、最小化改动、外科手术式修改、目标驱动。
一句话：不告诉 Agent 走哪条路，告诉它什么叫"做完了"。LLM 在"循环到满足具体目标"这件事上异常擅长，给强标准比给详细步骤更有效。
Preflight 是 Tailwind CSS 内置的「基础样式重置/规范化」工具，基于 modern-normalize，抹平浏览器默认样式 差异，统一基线，让你只用工具类就能一致地控制布局与外观。
核心做了 5 件事：
全局 box-sizing：所有元素默认 border-box，保证 padding/border 不会撑宽元素
清空默认边距：清除 h1~h6、p、ul、blockquote 等默认 margin/padding，避免意外留白
语义化但无外观：标题不再自带大小/加粗，列表去掉项目符号，只保留语义
媒体默认 block：img、svg、video、canvas 默认 display: block，避免底部空白间隙
表单元素统一：修复 Safari 等浏览器的控件样式差异，继承字体
Code Inspector 是一款 IDE 自动跳转插件，让你在浏览器中点击元素就能直接跳转到对应的源码位置。核心原理分为 3 步：
编译期插桩：打包时用 AST 解析，给每个 DOM 元素注入源码位置属性
运行时监听：浏览器端监听快捷键+点击，从 DOM 取出埋点信息
本地服务调度：向本地服务发送请求，调用 IDE 命令打开文件并定位
Linux 中有 2 种链接方式，理解它们的区别是掌握文件系统的基础：
硬链接：同一个文件，多个文件名（共用 inode），删除本体不影响其他链接
软链接（符号链接）：快捷方式，存储路径指向原文件，删本体就失效
npm/yarn 与 pnpm 依赖解析的 核心区别
解决方案：直接 pnpm add 添加为显式依赖，一行命令解决。
本质是设计理念的选择：pnpm 把正确性放在第一位，而不是开发便利性。
额外优势：磁盘节省 50%+，安装速度快 2-3 倍，全局硬链接共享同版本包。