栗子前端技术周刊第 108 期 - npm 沙虫攻击 2.0、Ant Design 6.0、Playwright 1.57...

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

📰 技术资讯

npm 沙虫攻击 2.0：当前 npm 生态系统正遭遇新一轮"沙虫（Shai Hulud）"攻击，受影响软件包的安装后脚本会窃取令牌，同时还会感染并重新发布其他软件包。
Ant Design 6.0：antd 6.0 发布，该版本承诺为 5.0 版本用户提供顺畅的迁移体验，无需任何代码转换工具（codemods），且该版本的核心发力点集中在深度优化与 React 19 兼容性适配两大方向。
Playwright 1.57：微软浏览器自动化框架发布 1.57 版本，其 HTML 报告中新增了"速度面板"标签页，可按测试耗时排序展示结果；同时，该工具的底层浏览器也从 Chromium 切换为 Chrome for Testing（测试专用版 Chrome）。
Bun v1.3.3：Bun 1.3.3 发布，更新内容包括：新增了 CompressionStream（压缩流）与 DecompressionStream（解压缩流）功能、将 SQLite 升级至 3.51.0 版本、并包含其他小幅功能优化。

Over 150 Algorithms and Data Structures Demonstrated in JS：超过 150 种算法与数据结构的 JavaScript 实现示例 - 包含众多常见算法（如位运算、帕斯卡三角形、汉明距离）和数据结构（如链表、前缀树、图）的示例及解析。
一种新HTML页面转换成 PDF 技术方案：本文将深入讲解如何使用 snapdom 和 jsPDF 实现高质量的 HTML 转 PDF 功能，并通过一个完整的消息列表导出案例，带你掌握这套方案的核心技术。
图片标签用 img 还是 picture？ ：在网页开发中，图片处理是每个前端开发者都会遇到的基础任务。面对 <img> 和 <picture> 这两个标签，很多人存在误解：要么认为它们是互相替代的关系，要么在不合适的场景下使用了复杂的解决方案。今天，作者将在文中来彻底理清这两个标签的真正用途。

Driver.js v1.4：这是一个原生 JS 库，用于创建页面引导和情境化帮助功能。该库已推出数年，但至今仍在维护更新，且提供了大量示例可供参考，同时使用体验十分流畅。

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

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