#前端
共 7 篇
11-10
两万行表格滚动像幻灯片：虚拟列表、白条与 key 的三个坑
产品要求一屏看完两万行订单，v-for 直接铺满，滚动只剩 8 帧。换成虚拟列表后，滚动白条、勾选串行、动态行高三个问题接连冒出来，最后用固定档位行高收场。
11-09
线上报错只剩一行 Script error.：sourcemap 与错误采集的三个断点
三成错误只留一句话，剩下的堆栈指向压缩文件的第 48 万列。修好 crossorigin 只是第一步，sourcemap 的三个断点、Vue3 的单独一层和上报去重都得补齐。
11-08
后台开两天堆到 1.8 GB：Vue3 SPA 内存泄漏定位
用久了变卡、重开就好，是内存泄漏的典型特征。Memory 快照差集里一万两千个 Detached DOM，引用链指向 37 个没 dispose 的 ECharts 实例和无上限的…
11-07
发版后 30% 用户白屏：Cache-Control 与资源指纹的配合
白屏报 ChunkLoadError，强刷一下就好，因为 index.html 被缓存了七天而旧 chunk 已被删除。入口用 no-cache、带哈希的资源用 immutable…
11-05
Vue 3 响应式的六个坑：解构、ref、watch 与性能
从 Proxy 的 get/set 拦截原理出发，推导出解构丢响应性、ref 少写 .value、watch 浅监听等六个高频问题的成因与修复方式。
11-05
Vite 构建优化：90 秒到 18 秒，产物 4.2 MB 到 420 KB
用 visualizer 定位到五个「全量引入」的第三方库，按需引入加分包把首屏砍掉 90%，构建时间靠关 sourcemap 和缓存降到 18 秒。
11-05
Core Web Vitals 实战：首页从 59 MB 到 2.27 MB
LCP、INP、CLS 三个指标对应三种完全不同的病理。用本站真实数据说明：30 张没压缩的照片，比任何代码优化都致命。