线上堆栈只剩 `t.default.a` 这类压缩符号时，问题已经不只是定位某个组件，而是要把 source map、构建产物和断点映射整条链路一起查清。

两次排序叠在一起时，真正决定结果对不对的往往不是比较函数，而是稳定性。这里从一张表格排乱的现场切进去，把基础排序和 `Array.sort` 的边界重新理顺。

组件通信真正难的不是传不到，而是状态在谁手里、该由谁负责更新。这里围着 props、emit、provide/inject、事件总线和 Vuex 的边界，重新讲一遍怎么选。

正则最危险的时候，不是匹配不上，而是某份输入一来就把页面拖死——嵌套量词导致的灾难性回溯就是典型。这里把锚点、量词、分组和性能边界重新放回真实问题里看。

缓存可以把接口拉快，也会把风险换成穿透、击穿、雪崩和一致性问题。这里从一次数据库尖刺往下拆，把 Redis 在业务链路里的真实作用讲清楚。

图表只画一半、容器宽度偶发性拿到 0，问题通常不在图表库，而在初始化时机。这里把 `created`、`mounted`、`activated` 和父子组件执行顺序放回同一个现场里理顺。

下单接口为什么会被短信、日志和同步任务拖慢，异步拆分后又会多出哪些消息丢失、重复消费和幂等问题。这里把消息队列放回一条真实业务链路里讲。

只有部分用户偶发掉登录态时，排查方向就不能只盯前端。这里顺着一次分流链路问题，把轮询、加权、会话保持、健康检查和四层七层负载均衡重新串起来。

从嵌套数据到可用统计结果，`map`、`filter`、`reduce` 和 `sort` 看起来都不难，真正连起来用时却很容易踩坑。这里把一张报表处理链路里的典型问题集中拆开。

服务端已经开了 HTTP/2，瀑布图里资源却还在一批一批地排队——问题出在静态资源域名协议没跟上。文章梳理多路复用的原理，以及域名分片、雪碧图这类 HTTP/1.1 时代的优化习惯在 HTTP/2 下该怎么重新算账。

页面慢不一定慢在你的代码开始执行之后，Timing 面板里的 Stalled、Initial connection、SSL 这些阶段同样能拖垮整个请求。这里结合一次抓包结果，把 TCP 握手、挥手、Keep-Alive 和 HTTPS 建连重新挂回真实请求。

页面滚动掉帧，不一定是 JavaScript 算慢了。把 DOM、CSSOM、渲染树、重排、重绘和合成层放回一次真实排查里，看瓶颈到底出在哪一段。

首屏慢很多时候不是内容太多，而是把不需要立刻出现的重组件也塞进了主包。这里从一个富文本编辑器拖慢详情页开始，把异步组件和懒加载判断标准理清。

列表顺序变了、数据状态也对，页面上的复选框却勾到了别人身上——这类渲染错位的根子在节点复用策略。这里把 VNode、diff、`key` 和节点复用的边界重新讲清。

全站升级 HTTPS，真正的工作不只在证书和服务器，还在混合内容、Cookie 属性、本地开发和资源改造。这里把 TLS、证书链和前端侧改动放到一起讲。

权限改造看起来像“把菜单过滤一下”，真正要动的却是整套路由守卫、动态路由注入、刷新恢复和退出清理。这里把这些环节按项目改造顺序串起来。

一条存储型 XSS 工单，顺着用户内容渲染这条链路把 XSS、CSRF、转义、DOMPurify、CSP 和 Cookie 策略重新过一遍。

CDN 切完后只有一个省的用户集体白屏，问题不在 JS，而在解析链路的缓存层层叠加——DNS、TTL、CNAME 这几层任何一层没跟上都会留下旧结果。文章梳理 DNS 解析链路、CDN 调度原理和多地访问差异背后的排查思路。

同一个请求失败，前端说接口挂了，后端说参数不对，真正最值钱的信息往往是 Network 面板里那串状态码。文章按 2xx、3xx、4xx、5xx 梳理联调时该怎么用状态码判断问题出在哪一层。

搜索联想、滚动监听、按钮防重复点看起来都像“别触发太频繁”，真正要分清的却是防抖、节流和状态锁各自在挡什么。这里把概念、场景和边界重新理顺。

类目树选择器、批量上传并发控制、编辑器撤销，看起来是三个需求，本质上分别落在树、队列和栈。这里按前端里的真实用法把它们重新串起来。

点遮罩却跳进底下详情页、点输入框反而把弹窗关掉，这类问题最后都会回到浏览器的事件模型本身。文章梳理捕获、冒泡、事件委托和移动端点击穿透的成因与修法。

首屏包太大时，最怕的是人人都在猜。这里从一张体积分布图出发，把 webpack-bundle-analyzer 怎么定位重模块、重复依赖和错误拆分讲清楚。

同一份代码强刷是新的，普通刷新却还是旧页面。把强缓存、协商缓存、304 和前端发版策略放回同一个场景里，讲清浏览器为什么会这样表现。

emoji 昵称变问号、CSV 打开像天书、接口中文偶发乱码，看起来像三类问题，根因却都在同一条字符到字节的链路上。这里把 ASCII、Unicode、UTF-8 和常见排查方式串起来。

只背“loader 处理文件，plugin 扩展功能”远远不够。这里从“让 webpack 看懂 `.md`”和“在构建流程里外挂一项能力”两个任务出发，把二者职责边界讲清。

重复扣款看起来像按钮没禁用，真正往下拆一定会碰到事务、回滚、隔离级别和幂等。这里从前端视角把这条链路重新理顺。

一个近百字段、联动复杂的商品表单，最先暴露的问题往往不是字段多，而是“万能输入框”已经失控。这里从 800 行 `AppInput` 出发，把表单组件该怎么拆重新讲清。

动态表单的输入框打字没反应，换成 this.$set 就好了——修好之后我不甘心，把 Vue 2 的 observer 源码翻了一个周末。Object.defineProperty、依赖收集、数组方法拦截、nextTick，这篇是我的读源码笔记。

页面转圈不一定是前端渲染慢，接口偶发 5 秒时，真正的瓶颈可能已经下沉到数据库。这里顺着一次慢查询把 `EXPLAIN`、B+ 树、回表和覆盖索引串起来。

线上白屏时，如果你连目录、日志、进程和端口都不会查，`ssh` 上去也只能发愣。这里按一次真实排查路径，把前端最先该会的 Linux 命令串起来。

重置弹窗却把列表数据一起改脏，问题表面在重置，根因却在对象引用。这里从浅拷贝失效一路拆到 JSON 深拷贝的边界、递归复制和循环引用处理。

过渡动画的价值不在“更花一点”，而在让状态变化更可感知。这里从弹窗、侧滑面板、列表增删和状态切换几个场景出发，把 `<transition>` 和 `<transition-group>` 的边界讲清。

Promise 最容易让人产生“已经会了”的错觉。这里按七组常见问题，把状态流转、微任务、链式调用、错误传播、并发方法和手写实现重新串起来。

页面不报错，却会越跑越卡、最后直接崩掉，问题多半已经落在内存和垃圾回收上。这里把一次长期运行页面的泄漏排查和栈、堆、可达性放在一起讲。

同一个 npm 包在 webpack 项目里能正常 `import`，到了 Node 脚本里一 `require` 却拿到 `undefined`。这里顺着这个差异把 CommonJS 和 ES Module 的加载模型重新讲清。

一个标签页卡成砖头，旁边的标签页却毫发无损，这个现象比“JS 是单线程的”更值得追问。这里从浏览器多进程、渲染线程到 Node 并发模型，重新把边界讲清。