在 rsbuild + Vue3 项目里用 SVG,最稳的是以组件方式引入 .svg 文件,再用 currentColor 或 Vue 内置支持渲染。三个坑分别是文件当静态资源直接引、没启用 SVG 加载器、以及 SSR 下路径解析失败。本文从最小示例讲到边界。
Node.js 26.13.0 于 2026 年 10 月 28 日发布,26.x 分支正式转入长期支持(LTS),代号 Lithium,支持到 2029 年 4 月底。相比 26.12.1 没有代码变化,已在 26.x 的项目可直接升级;停在 24 或 22 的项目要先查 Linux 上的 libatomic 依赖与原生模块重编。本文按学习、练手、生产三类场景给出判断。
在 JavaScript 里保证数组插入唯一性,首选用 Set 去重后插入;频繁操作且不在意顺序时用 includes 查重。用错场景——比如用 indexOf 做大数组去重——会把 O(n) 拖成 O(n²)。本文用最小示例讲清三种做法的取舍与失败分支。
下载进度百分比是已接收字节除以总字节算出来的,服务端不给 Content-Length 就没有分母。本文给出 XHR progress 事件、fetch 配 ReadableStream 累计、服务端补自定义总大小头三种取法,每段都配可运行代码、预期输出与跨域、压缩两类失败分支,并说明大文件为什么不适用。
低代码画布里的拖拽不会自己导致栈溢出,真正压爆调用栈的是响应式副作用改写了它自己的依赖。本文给出 Vue 警告与 RangeError 两类报错的区别、写回同一数据源、watch 闭环、递归组件缺出口三个成因的最小复现与改法。
ref 是 React 跨渲染保管的同一个盒子,改它不会触发重渲染。本文给出 DOM 聚焦、非受控组件、跨组件转发三个最小示例,说清渲染阶段读 ref、拿 ref 驱动渲染、父组件改子组件 ref 三类高频错误的改法。
Vue3 里 watch 一个对象,只改某个属性却没触发回调,根因是监听了对象引用而没感知内部变化。本文给出三种写法与取舍:deep 整体监听最省心但有性能开销、getter 精确监听最划算、替换新引用适合 ref 场景,并附解构掉响应式等失败分支。照着选就能让回调按预期触发。
Vue 动态绑定事件为空九成是因为用运行时拼接的事件名,而模板编译器只认静态事件名。本文给出静态绑定优先的稳妥写法,并附监听器对象整体绑定、计算属性回退、手动 addEventListener 三种方法及其边界与常见失败。
TypeScript 里 unknown 和 any 都能接收任意值,但 any 直接关掉类型检查,unknown 强制先收窄再用。本文给出 3 个判断边界:是否保留类型检查、取值前要不要收窄、收窄写法对不对,并附类型守卫写法与常见失败。照着选就能在接口返回、JSON 解析等动态输入场景保住类型安全,避免 any 扩散导致的静默错误。
经度正则不要试图同时管住书写格式和数值区间。本文给出能直接复制的两条经度正则:小数度数一条、度分秒一条,再用 Number 转换加数值比较去查负一百八十到正一百八十的范围。覆盖全角符号、多余空格、秒的小数位这些最容易失手的边界,代码基于 ECMAScript 2018 以上的正则写法。