栗子前端技术周刊第 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 等,周刊内容也会不断优化改进,希望你们能够喜欢。

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

相关推荐
思无邪666 小时前
用 AI 做 JS 逆向:从抓包到复现的完整方法论
开发语言·javascript·人工智能
一个风轻云淡6 小时前
GCC 和 GDB命令简单解读
java·linux·前端
u0111026757 小时前
图片处理接口如何统一错误信息 前端提示与后端错误码设计
前端·状态模式
福兮说7 小时前
浏览器里把 iPhone 的 HEIC 转成 JPG:Chrome 解不开、转完大了七成、拍摄时间全丢,六个坑实测
前端·javascript·图像处理·chrome·ios·iphone·heic
libokaifa7 小时前
把语音模型塞进手机:sherpa-onnx 在 Android 上的 ASR / TTS
前端
deli0078 小时前
DLA 枝晶生长实测:5000 个粒子集体停摆之后,分形维数收敛到 1.70
前端
IT_陈寒8 小时前
Redis卡顿的锅,这次真不是大key的错
前端·人工智能·后端
可乐鸡翅yeah_8 小时前
video.js 集成 hls.js 开发 M3U8 播放器,新手高频踩坑
开发语言·前端·javascript·后端·ecmascript·m3u8·音视频在线播放
程序猿追9 小时前
HarmonyOS 6 上做个极简浏览器:Web 组件 + 前进后退 + 加载进度
前端·华为·harmonyos
沐沐师9 小时前
Mybatis 框架教程
前端