🌰栗子前端技术周刊第 138 期 (2026.07.13 - 2026.07.19)：浏览前端一周最新消息，学习国内外优秀文章，让我们保持对前端的好奇心。
📰 技术资讯
-
NestJS v12：NestJS 12 发布，内容包括：全面转向 ESM，所有核心包统一从 CommonJS 迁移至 ESM；命令行工具同时兼容 CommonJS、ESM 两种模块化项目；NestJS 命令行工具将使用 Rspack 替代 Webpack；默认测试技术栈向 Vitest 迁移等。
-
Astro 7.1：Astro 团队发布 7.1 版本：支持同时启动多套开发服务器（适配 AI 代理运行）、内容集合内存占用优化等。
-
npm v12：npm 12 现已推出稳定正式版，伴随大量破坏性变更。核心改动为生命周期脚本默认不再自动执行，同时还有多项实际影响值得留意。建议可先升级至 11.18.0 版本过渡。
📒 技术文章
-
Proxy and Reflect: Redefining How Objects Fundamentally Work：Proxy 与 Reflect：重塑对象底层运行逻辑 - 深度剖析如何拦截 JavaScript 对象的底层操作，详解 Reflect 的设计初衷，最后实现一套简易响应式状态系统（Vue3 响应式的核心底层原理正是如此）。
-
Rollup + esbuild 再见 👋 Vue 3.6 全新工程方案解析：本文将基于 v3.6.0-beta.17，从零起步搭建 Vue 3.6 源码的项目雏形、讨论其工程化中的技术选型，最终实现一个基础前端工程化方案。
-
Harness 企业级落地(二) - 让 AI 读懂项目：AI 时代下，作者认为程序员不应该局限于某一门技术，应该以顶层思维看待整个项目,了解整个系统的设计和数据流向。这样不仅能够提高个人的知识广度，更能够独立且高效地完成具体的某个模块，从而加快产品的迭代速度，实现快速的想法验证。
🔧 开发工具
- TanStack npm 包下载量图表工具：TanStack npm 包下载量图表工具，可快速可视化各类软件包长期热度走势，分析发展趋势，直观查看各类库与工具的热度涨跌变化。
- web-ext 10.5：一款广受使用、维护完善的命令行工具，可让你以规范、可移植、跨平台的方式开发浏览器扩展。
- react-dropzone 17.0： 一款成熟的工具库，基于 React Hook 实现符合 HTML 标准的页面文件拖拽区域，官方文档附带可运行基础示例代码。
🍞 代码人生
- 3 位工程师靠"删AI代码"创业，一周收费 1 万美元：一家名为 Slopfix 的创业团队公开表示："我们每周收费1万美元，只做一件事：删除AI写出来的代码。"。他们甚至完成过一个听起来非常夸张的项目，在保证功能基本不变的情况下，把一个 10 万行的代码库删到 3.5 万行。
🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。
💖 欢迎关注微信公众号：栗子前端