栗子前端技术周刊第 106 期 - pnpm 10.21、Node.js v25.2.0、Bun v1.3.2...

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

📰 技术资讯

1. pnpm 10.21 ：pnpm 10.21 发布，提供更安全的安装机制与更智能的运行时管理。该版本 pnpm 能够自动安装依赖项所需的 Node 版本（该版本在依赖项的 engines.runtime 字段中声明），这意味着命令行界面（CLI）程序和安装后脚本（postinstall scripts）将使用指定的 Node 版本运行。此外，新增的 trustPolicy（信任策略）设置还增强了对供应链攻击的防护能力：当某个包的信任级别下降时（例如，若某个包的构建流水线失去了证明文件），该设置会阻止该包的安装。

2. Node.js v25.2.0：Node.js v25.2.0（当前最新开发版）已发布，其中"类型剥离"（type stripping）功能现已标记为稳定版，除此之外，该功能的工作方式与 v24 版本保持一致。

3. Bun v1.3.2 ：在 v1.3 版本中被设为默认方式的"隔离式包安装"会导致部分现有项目出现问题，因此，"隔离式安装"现在仅作为新项目的默认安装方式，而对于现有项目，除非进行显式配置，否则仍将继续使用"提升式安装"。此外，bun install 命令的速度进一步提升，且你可通过运行 --cpu-prof 命令来进行 CPU 性能分析。

📒 技术文章

1. The Weird Parts of position: sticky ：position: sticky; 的"奇葩"特性 - position: sticky; 是一个实用性极强，但要想百分百用对却常常很棘手的 CSS 特性。作者在文中梳理了该特性的工作原理，并重点讲解了如何解决一些常见的棘手问题。

2. High-Performance Syntax Highlighting with the CSS Custom Highlight API：借助 CSS 自定义高亮 API 实现高性能语法高亮 - CSS 自定义高亮 API（CSS Custom Highlight API）目前已获得所有主流浏览器支持，该 API 提供了一种为页面中任意文本范围添加样式的机制：通过 JavaScript 创建文本范围，再通过 CSS 为这些范围设置样式，即可实现文本高亮效果。

3. 几种虚拟列表技术方案调研：本篇文章中，作者从 Vue3 的技术框架来讲解虚拟列表在不同场景中的用法，同时作者会从虚拟列表的分类上统筹每一种虚拟列表技术方案，并给出参考示例。

🔧 开发工具

1. spoilerjs：如果你有一些文本（或者像令牌这类敏感数据），希望在页面上隐藏起来，直到有人点击后才显示，那么这个受 Telegram 启发开发的组件就非常适合你。

2. Travels：一款轻量高效、无框架依赖的撤销/重做库。

3. FileMock：一款免费的测试文件生成器。

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

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