栗子前端技术周刊第 132 期 - date-fns 支持 Temporal、npm 攻击事件、VoidZero...

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

📰 技术资讯

1. date-fns 支持 Temporal：流行的 date-fns 日期工具库正为一个以 Temporal 为核心的未来做准备，致力于成为"优先支持 Temporal 的库"。目前，更加精简的 v4.4 版本已可用，而 v5.0 刚刚进入 alpha 阶段。

2. npm 攻击事件：6 月 1 日，Wiz Research 发现了一起供应链安全事件，该事件影响到了在 @redhat-cloud-services 命名空间下发布的多个 npm 包。调查显示，至少有 32 个发布版本包含了未经授权的修改，这些修改与对应的源代码仓库内容不符。这些包的每周下载量累计平均约为 8 万次。

3. VoidZero：VoidZero，即 Vite、Vitest、Rolldown、Oxc 和 Vite+ 背后的公司，即将加入 Cloudflare。

4. Node.js 26.3.0 ：Node 26.3.0 发布，现在 Buffer.poolSize 的默认值为 64 KB，以减少高 I/O 负载下的内存分配次数；permission.drop() 加入了权限模型 API；此外，未来不再保证提供 macOS Universal 二进制文件。

📒 技术文章

1. Intentionally blocking rendering with JavaScript：利用 JavaScript 刻意阻塞页面渲染 ------ 有时，使用内联阻塞渲染脚本，是避免大幅布局偏移的小小代价。

2. TypeScript Tips Everyone Should Know：人人都该掌握的 TypeScript 实用技巧 ------ 这套精简技巧能让代码更安全、更整洁。但同时也要谨记：TypeScript 虽能提升代码正确性，却无法保证架构合理，也不能彻底杜绝运行时错误。

3. 从截图到企业级前端页面：文章介绍了一个从截图→企业级页面的自动化实践方案，让你一次对话便能生成完整前端页面及其功能交互。

🔧 开发工具

1. Plotly 3.6：声明式图形库，提供从基本图表和图形到地图、散点图和热力图等超过 50 种可视化类型。

2. motion：面向 Web 的生产级动画方案，本周新增了一个弧线动画工具。

3. officeParser 7.1：可将 office 文件（如 docx、pptx、xlsx、odt）解析为抽象语法树（AST）。浏览器内演示展示了返回结果的具体形式。

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

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