栗子前端技术周刊第 141 期 - Next.js 16.3、npm 安全事件、2026 CSS 现状调查报告结果...

🌰栗子前端技术周刊第 141 期 (2026.08.03 - 2026.08.09):浏览前端一周最新消息,学习国内外优秀文章,让我们保持对前端的好奇心。

📰 技术资讯

  1. Next.js 16.3:Next.js 16.3 正式发布,新版本构建速度更快、支持可选的 TypeScript 7 类型检查、服务端渲染(SSR)性能升级,新增即时页面导航、AI 相关优化以及诸多其他特性。

  2. npm 安全事件:热门包 keyv 与 cacheable 被植入窃取凭证的蠕虫病毒。事件影响仍在蔓延,截至目前已有数百个其他软件包接连被攻陷。

  3. 2026 CSS 现状调查报告结果 :开发者票选锚定定位(anchor positioning)为过去一年最喜爱的 CSS 新特性,不过该特性目前兼容性不足,阻碍了大规模落地。而使用率最高的几项新式 CSS 特性分别是::has()aspect-ratio 以及 CSS 嵌套写法。报告还调研了开发者对 AI 工具的使用情况(普及率偏低)、各框架采用现状、CSS Grid 的上手难度等内容。

  4. Node.js 26.7.0 :Node.js 26.7.0(现行版本)正式发布:该版本距离 26.6 版本发布仅间隔两天。新增 --test-coverage-include-all 参数,开启后测试覆盖率报告可纳入未被测试覆盖的文件;修复了 FFI 与 SQLite 模块的崩溃问题,同时新增 Perfetto 追踪能力,不过该功能需要自行编译构建 Node 才能启用。

📒 技术文章

  1. Your SPA is Leaking Memory: 'Soak Test' It:你的单页应用正在内存泄漏:用浸泡测试检测它 - 本文讲解如何借助 Playwright 开展浸泡测试:在同一个浏览器上下文循环执行用户操作流程,监控 DOM 节点数量与事件监听器数量,一旦出现内存泄漏就触发 CI 构建失败。

  2. Your JSON is Lying to You :JSON 在欺骗你 - 经过 JSON.parse + JSON.stringify 序列化往返并非无损转换,大整数、undefined、日期对象等数据在转换过程中会被篡改或丢失。作者 Gabor 讲解了各类棘手陷阱,以及明确转换边界的实用方案。

  3. 一线大厂的 Git 规范:重视 Git 规范,建议从三件事做起:统一 commit message 格式、建立分支模型、开启 Code Review。

🔧 开发工具

  1. TanStack Charts:TanStack 团队持续快速迭代的一套与框架无关的全新图表方案。
  1. MicroDiff 1.6:高性能对象与数组对比库,传入两个对象或数组,该库即可返回二者的差异。
  1. Virtua:一款轻量高速的虚拟列表、虚拟表格组件,兼容 React、Vue、Solid、Svelte、Angular 多款框架。

🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢。

💖 欢迎关注微信公众号:栗子前端

相关推荐
2601_965798471 小时前
Launch Your Wellness App Fast: The Truth About Meditation Source Code
前端·macos·ios·objective-c·cocoa
周小董2 小时前
[1367]npm 安装 canvas 报错 node-gyp ERR
前端·npm·node.js
智脑API2 小时前
Codex config.toml check_for_update_on_startup 怎么关闭?离线环境与版本提醒排查
运维·服务器·前端
存在的五月雨2 小时前
前端布局-flex
前端
Zzj_tju3 小时前
Tool-Using LLM 论文精读路线:从 ReAct 到可验证工具调用
前端·react.js·前端框架
To_OC10 小时前
别再瞎写 React Router!7 个高频踩坑点一次性讲透
前端·javascript·react.js
岭南灯火12 小时前
前端通用交互式几何编辑器的开发经验
前端·设计模式·架构
岭南灯火12 小时前
前端通用交互式几何编辑器的设计法则 7 - 设计模式与原则
前端·设计模式·架构
岭南灯火12 小时前
前端通用交互式几何编辑器的设计法则 4 - 绘制、悬停与编辑
前端·设计模式·架构