🌰栗子前端技术周刊第 147 期 (2026.09.14 - 2026.09.20)：浏览前端一周最新消息，学习国内外优秀文章，让我们保持对前端的好奇心。
📰 技术资讯
-
React Router 8.4 ：React Router 8.4 减少了重渲染：仅调用
useLocation这类钩子的组件，在路由跳转开始时不再触发重渲染。同时新增可选的实验性路由匹配器，在大型应用中最高可将路由跳转耗时降低 88%。 -
Vite 云服务攻击 ：攻击者正在扫描暴露的 Vite 开发服务器，利用一处漏洞（Vite 7.3.2 和 8.0.5 版本已修复）读取
.env文件。若你长时间未升级，请核查你的服务配置。 -
pnpm 12.4：pnpm 12.4 发布，该包管理器现已支持在同一个工作区中同时管理 npm 包、Rust crates 以及 Python 包。
-
Node.js 26.9.0 ：Node.js 26.9.0（Current 版）发布，内容包括：
node:ffi默认开启（仍为实验性），无需编写插件即可调用原生库函数；新增基准测试模块node:bench，设计参考node:test；Web Workers 提供实验性实现（需开启标记），支持浏览器风格的new Worker()、postMessage等 API ；Worker 线程启动速度最高提升一倍（初步基准测试结果），内存占用更低。
📒 技术文章
-
CSS Curiosities of the Past：昔日 CSS 奇技 - 一篇精彩回顾，讲述开发者为兼容浏览器（尤其是 IE）所使用的各类非标准 CSS 技巧。内容包含星号 hack、CSS 表达式（在 CSS 里写 JS！）、IE 的 DirectX 滤镜、经典盒模型 hack 等。
-
Better Icon and Label Alignment：图标与文本标签对齐优化 - 单行文本时，配套图标可以完美垂直居中；但文本变成多行后，图标虽然依旧是 "居中" 状态，视觉上却会显得错位。作者探讨了使用 CSS 的 lh 单位来解决该问题。
-
前端 2 秒生成 500 页矢量 PDF，rust 真的强到没朋友：本文介绍了开源库 dompdf.js 从 v1 到 v2 的重写过程。v1 因依赖 jsPDF 存在性能、分页、字体子集化等问题，v2 用 Rust 重写生成层。新架构采用四段式流水线，不用 wasm - bindgen 以实现单文件库。还实现了多个基础模块，分页复杂。重写后性能提升，补齐功能，还有差异对比系统助力完善。
🔧 开发工具
- SnapDOM 3.0：将 DOM 元素转为图片、Canvas 等资源，无依赖的 html2canvas 替代品，支持伪元素与 Shadow DOM。
- Neat Annotations：用 CSS 实现优雅手绘注释，为内容增添装饰效果的不错方案，可实现手绘箭头、文本标签等效果，全部由 CSS 完成。
- rich-input ：富文本输入框，现和普通
<input type="text">一致，但基于<datalist>、OpaqueRange 以及 CSS Custom Highlight API，增加了上下文关键词自动补全与高亮能力。
🍞 代码人生
- 真实调研 2500 名程序员：工资差一倍，AI 拉开分水岭：你在哪座城市、做什么行业、会不会用 AI，甚至你的身体状态，可能都在悄悄决定你的收入。
🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。
💖 欢迎关注微信公众号：栗子前端