🌰栗子前端技术周刊第 141 期 (2026.08.03 - 2026.08.09):浏览前端一周最新消息,学习国内外优秀文章,让我们保持对前端的好奇心。
📰 技术资讯
-
Next.js 16.3:Next.js 16.3 正式发布,新版本构建速度更快、支持可选的 TypeScript 7 类型检查、服务端渲染(SSR)性能升级,新增即时页面导航、AI 相关优化以及诸多其他特性。
-
npm 安全事件:热门包 keyv 与 cacheable 被植入窃取凭证的蠕虫病毒。事件影响仍在蔓延,截至目前已有数百个其他软件包接连被攻陷。
-
2026 CSS 现状调查报告结果 :开发者票选锚定定位(anchor positioning)为过去一年最喜爱的 CSS 新特性,不过该特性目前兼容性不足,阻碍了大规模落地。而使用率最高的几项新式 CSS 特性分别是:
:has()、aspect-ratio以及 CSS 嵌套写法。报告还调研了开发者对 AI 工具的使用情况(普及率偏低)、各框架采用现状、CSS Grid 的上手难度等内容。 -
Node.js 26.7.0 :Node.js 26.7.0(现行版本)正式发布:该版本距离 26.6 版本发布仅间隔两天。新增
--test-coverage-include-all参数,开启后测试覆盖率报告可纳入未被测试覆盖的文件;修复了 FFI 与 SQLite 模块的崩溃问题,同时新增 Perfetto 追踪能力,不过该功能需要自行编译构建 Node 才能启用。
📒 技术文章
-
Your SPA is Leaking Memory: 'Soak Test' It:你的单页应用正在内存泄漏:用浸泡测试检测它 - 本文讲解如何借助 Playwright 开展浸泡测试:在同一个浏览器上下文循环执行用户操作流程,监控 DOM 节点数量与事件监听器数量,一旦出现内存泄漏就触发 CI 构建失败。
-
Your JSON is Lying to You :JSON 在欺骗你 - 经过
JSON.parse+JSON.stringify序列化往返并非无损转换,大整数、undefined、日期对象等数据在转换过程中会被篡改或丢失。作者 Gabor 讲解了各类棘手陷阱,以及明确转换边界的实用方案。 -
一线大厂的 Git 规范:重视 Git 规范,建议从三件事做起:统一 commit message 格式、建立分支模型、开启 Code Review。
🔧 开发工具
- TanStack Charts:TanStack 团队持续快速迭代的一套与框架无关的全新图表方案。

- MicroDiff 1.6:高性能对象与数组对比库,传入两个对象或数组,该库即可返回二者的差异。

- Virtua:一款轻量高速的虚拟列表、虚拟表格组件,兼容 React、Vue、Solid、Svelte、Angular 多款框架。

🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢。
💖 欢迎关注微信公众号:栗子前端