本期 Frontend Focus 播客总结了苹果 WWDC 2025 大会带来的前端更新，特别是 Safari 浏览器的重要进展。同时，播客还分享了近期值得关注的前端文章、实用工具和资源。内容涵盖了 WebGPU、CSS 新特性、React Server Components 深度解析以及主流框架的最新动态。
WWDC 2025 前端亮点与 Safari 更新
苹果在 WWDC 2025 大会上宣布了 Safari 浏览器的新版本命名规则，将采用年份命名，直接跳至 Safari 26。这个 Beta 版本带来了超过 60 个新特性和 100 多项改进，其中备受期待的功能包括：
- WebGPU 支持： 允许 Web 应用利用 GPU 进行高性能计算和渲染。
- CSS Anchor Positioning： 提供更灵活的元素定位方式。
- Scroll-Driven Animations： 轻松创建随滚动条滚动的动画效果。
苹果还发布了 State of the Union 更新视频，以及专门讲解 Safari 和 WebKit 新特性的视频，详细介绍了 CSS 新功能和媒体支持等。此外，关于 Declarative Web Push 的讲解视频也提供了在现有标准上构建推送通知的实用指导。播客还提及了 State of CSS 2025 年度调查，鼓励开发者参与。
精选前端文章与技巧分享
本期播客推荐了几篇有价值的前端技术文章：
- Josh W. Comeau 分享了 Partial Keyframes 的使用技巧。
- Daniel Schwarz 探讨了
contrast-color()函数的当前状态和未来发展。 - Chris Coyier 展示了如何利用可变字体和滚动实现 Scroll-Driven Letter Grid 效果。
- 关于 SVG path 元素的解码分析。
- 如何优化网页的打印样式。
前端工具与资源更新
多个重要的前端工具和资源发布了新版本：
- 苹果更新了 SF Symbols 图标库到 7 版本。
- Astro 框架发布了 5.9 版本。
- Storybook 迎来了 9 版本，显著提升了测试能力，增加了交互、视觉和可访问性测试。
- 介绍了两个有趣的库：Spectral.js 用于更符合绘画原理的颜色混合，以及 Smooothy，一个平滑可扩展的滑块/轮播组件。
React 生态系统动态与 RSC 深度解析
Dan Abramov 近期发布了一系列关于 React Server Components (RSC) 的深度文章，详细阐述了客户端与服务器端的界限以及 RSC 如何弥合这一差距：
- "How Imports Work in RSC" 解释了 JavaScript 模块如何在服务器和客户端上下文中扩展工作。
- "Progressive JSON" 借鉴了 Progressive JPEG 的概念，应用于应用数据的流式传输，并结合 React Suspense 进行处理。
- "Why Does RSC Integrate with a Bundler?" 阐述了 Bundler 在协调服务器和客户端代码中的关键作用。
- "RSC for Lisp Developers" 将服务器组件与 Lisp 的“代码即数据”概念进行比较。
此外，播客还提到了 Remix 和 React Router 的最新动态。Remix 在与 React Router 合并一年后，正在“重启”为一个基于 Preact 和 Web APIs 的、model-first、低依赖的框架。同时，React Router 也在进行更新，并建立了新的治理模式和清晰的发展计划。