November 7, 2025
主要文章
JavaScript Source Maps 的内部工作原理 — 有没有想过开发者工具如何神奇地将被混淆、压缩的 JavaScript 还原成可读的源代码？这不是魔法；而是 Source Map 在发挥作用。但 Source Map 实际上是如何工作的？
无需依赖 API 密钥即可实现安全的 MCP 身份验证 — API 密钥难以限定范围且会破坏用户流程。WorkOS Connect 提供完全合规的 OAuth 2.1 流程。它开箱即用地处理 PKCE、作用域、用户同意和安全令牌签发。
🎯 Anders Hejlsberg 谈 TypeScript 的崛起
Anders Hejlsberg 谈 TypeScript 的崛起 — TypeScript 的联合创造者表示，他对该语言的成功感到"震惊"（现在是 2025 年 GitHub 上排名第一的语言），并分享了一些关于正在进行的用 Go 重写编译器的信息，以及 AI 日益增长的作用。
使用 Hako 嵌入 TypeScript — 对 Hako JavaScript 引擎的技术深入探讨。它运行在 WebAssembly 中，因此可以更容易地嵌入到更多环境中，包括移动应用。
简讯：
- GitHub 更新了关于持续进行的 npm 安全更改的帖子。npm 经典令牌不能再创建，但现有令牌将继续工作至 2026 年 2 月 3 日
- 我喜欢 Lea Verou 的基于代理的按需创建符号的巧妙技巧
- Svelte 团队有 2025 年 11 月的 Svelte 新特性更新
- 🇷🇴 流行的 JSHeroes 大会将于明年 5 月 14-15 日在罗马尼亚举行。如果你想演讲，CFP 征集将持续到 12 月 31 日
发布：
- Storybook 10 – 流行的前端组件工作坊现在仅支持 ESM，更轻量，具有新的模块自动模拟系统、Vitest 4 支持等
- htmx 4.0 Alpha 1 – htmx 从来没有 v3，那么 v4 怎么样？Carson Gross 在这里讲述了完整的故事
- React Email 5.0 – 用于在 React 中创建电子邮件的组件套件。现在支持深色模式切换器和 Tailwind 4 支持
- Turborepo 2.6、Video.js v10、ESLint Config Inspector v1.4
📖 文章和视频
▶ CascadiaJS 2025 的演讲视频 — CascadiaJS 于一个月前举行，演讲视频已逐步发布到 YouTube。你可以跟随 Jack Herrington 了解更多关于 TanStack、跟随 Annie Sexton 了解 JavaScript 的起源故事、跟随 Ioana Chiorean 了解 Web Monetization API 等等。
使用 CSS Custom Highlight API 实现高性能语法高亮 — 现在所有主流浏览器都支持 CSS Custom Highlight API，它提供了一种通过使用 JavaScript 创建范围、CSS 进行样式化来为文档中的任意文本范围设置样式的机制。
使用 Vonage Video API 创建虚拟绿幕 — 使用 Vonage Video API 和 HTML5 canvas 通过虚拟绿幕转换视频通话。
如何在 Chrome DevTools 中限制特定请求 — Chrome DevTools 长期以来支持网络限制，但现在你也可以限制对特定 URL 或域的请求，这对于查看你的网站如何处理第三方脚本失败非常理想。
从 BitTorrent 导入 Node 模块 — 对 Node.js 定制钩子强大功能的精彩演示，用于覆盖导入行为。
ClojureScript 高级初学者指南 — 介绍一个用于函数式 Clojure Lisp 方言的编译器，它生成 JavaScript。
📄 在测试中处理时间和模拟时钟 – Andrew Scott (Angular)
📄 Zod + TypeScript：轻松实现模式验证 – Hassan Djirdeh
📄 Next.js 16：新特性及其对前端开发者的意义 – Abiola Farounbi (LogRocket)
🛠 代码和工具
Perspective 4.0：高性能分析和数据可视化组件 — 最初由摩根大通构建，这个用 C++ 编写并编译为 WebAssembly 的数据可视化组件非常适合大型和实时流数据集。主页上的演示让你可以尝试每秒高达 1000 次更改的可视化类型。v4.0 项目迁移到 OpenJS 基金会。
💡 Perspective 附带了一套丰富的示例，带有完整代码演示如何使用它，如这个流式示例。
Agentic Postgres：让你的 Agents 大展身手 — 更快地构建 AI 应用：内置内存、搜索和免费可分叉数据库的 Postgres。在 Tiger 上免费试用。
Vue Data UI 3.6：用于数据叙事的 Vue 组件库 — 这个组件套件包含了很多内容，包括基本图表类型、甜甜圈图、迷你图、世界视图、堆叠图、热力图、词云等等。如果你使用 Vue，绝对值得一看。在线示例。
🖼️ image-dimensions：获取图像尺寸 — 一种零依赖的方式，在_任何_现代 JavaScript 环境中获取 JPEG、PNG/APNG、GIF、WebP、AVIF 和 HEIF 图像的像素宽度和高度。
React Syntax Highlighter：代码语法高亮组件 — 如果你需要在 React 应用的某个地方展示源代码，这是一个可以完成工作的组件。GitHub 仓库。
CSSOM：用纯 JavaScript 编写的 CSS 解析器 — 也是 CSS 对象模型的部分实现。
debounce 3.0 – 延迟函数调用，直到最后一次调用后经过设定时间。现在是纯 ES 模块。
bcrypt.js 3.0.3 – 在纯 JavaScript 中优化的 bcrypt，甚至可以在浏览器中使用。
Marked 17.0 – Markdown 解析器和编译器。(文档)
AlaSQL.js 4.8 – 同构 JavaScript SQL 数据库。
fast-copy 4.0 – 快速的深度对象复制器。
📰 分类广告
还在手动编写测试吗？了解为什么像 Dropbox、Notion 和 Wiz 这样的现代工程团队依赖 Meticulous 来运行 E2E UI 测试。
🔎 即时搜索你的 GitHub Actions 日志。不再需要无休止地滚动 CI 失败。试用 Depot 的新日志搜索，几秒钟内找到错误。
📢 生态系统中的其他地方
一些在更广泛领域中其他有趣故事的汇总：
- 在 Your URL is Your State 中，Ahmad Alfy 探讨了使用 URL 的各种组件来表示状态的"被忽视的力量"和优雅性
- Matt Perry 在 The Web Animation Performance Tier List 中分享了他关于 Web 动画性能的所有知识
- Ben Visness 写了 Mozilla 如何彻底改革其用于可视化 JavaScript 和 WebAssembly 编译的内部工具，附带一些交互式图表
- 如果你对 Glitch 最近的关闭感到难过，Thomas Steiner 演示了如何使用 Hugging Face Spaces 作为托管小型基于服务器的 Node 应用的替代方案
