⏰前端周刊第444期（2025年12月8日–12月14日）

bannerv2.png

💬 推荐语

本期周刊聚焦前端技术的性能与创新：从 React Server Components 的安全性提升到 CSS 滚动触发动画的原生实现，从 TypeScript 7 原生编译器的影响到 Deno 工具链的持续演进。CSS Wrapped 2025 回顾了 CSS 的重大进展，性能优化深入到复杂 Web 应用的底层机制，前端开发正向着更安全、更高效、更原生的方向迈进。

🗂 本期精选目录

🧭 Web 开发

• How HTML changes in ePub：HTML 在 ePub 中的变化：电子书格式与 Web 标准的差异。
• Build a dinosaur runner game with Deno, pt.1：使用 Deno 构建恐龙跑酷游戏（第一部分）：游戏开发新实践。
• React2Shell explanation by CEO in Vercel：Vercel CEO 解读 React2Shell：前端架构的新思路。
• Open Sourcing the Remix Store：Remix Store 开源：电商应用最佳实践。
• The Mechanics Behind a Scroll-Driven Circular 3D Carousel with Three.js and Post-Processing：滚动驱动的圆形 3D 轮播背后的机制：Three.js 与后期处理实践。

⚡ 性能

• How fast can browsers process base64 data?：浏览器处理 base64 数据的速度有多快？性能基准测试分析。
• Making complex web apps faster: Delayed Message Timing API by MS developers：让复杂 Web 应用更快：微软开发者推出的延迟消息定时 API。
• How to load CSS (fast)：如何快速加载 CSS：性能优化最佳实践。

🛠 工具

• WebKit Features for Safari 26.2：Safari 26.2 的 WebKit 新特性：浏览器能力持续增强。
• Deno 2.6: dx is the new npx：Deno 2.6 发布：dx 成为新的 npx，工具链持续演进。
• Useful patterns for building HTML tools：构建 HTML 工具的实用模式：开发效率提升技巧。

🎨 CSS

• CSS Wrapped 2025：CSS Wrapped 2025：年度回顾与重大特性总结。
• Thoughts on Native CSS Mixins：对原生 CSS Mixins 的思考：样式复用的新方式。
• Why are my view transitions blinking?：为什么我的视图过渡会闪烁？问题诊断与解决方案。
• State, Logic, And Native Power: CSS Wrapped 2025：状态、逻辑与原生能力：CSS Wrapped 2025 深度解读。
• CSS scroll-triggered animations are coming!：CSS 滚动触发动画即将到来！原生动画能力重大突破。
• What Else Could Container Queries… Query?：容器查询还能查询什么？特性扩展的可能性探索。
• Creating Scroll-Based Animations in Full view()：在完整视图中创建基于滚动的动画：实现技巧与案例。
• Pausing a CSS animation with getAnimations()：使用 getAnimations() 暂停 CSS 动画：JavaScript 控制动画的新方法。
• How to create Liquid Glass effects with CSS and SVG：如何使用 CSS 和 SVG 创建液态玻璃效果：视觉设计实践。

💡 JavaScript

• ES2026 Solves JavaScript Headaches With Dates, Math and Modules：ES2026 解决 JavaScript 的痛点：日期、数学和模块处理的改进。

TypeScript

• Prelude of the Chambered Reborn: Rewriting a Classic in TypeScript：密室重生序曲：用 TypeScript 重写经典游戏。
• TypeScript 7's Native Compiler: What It Really Means for Frontend Engineering：TypeScript 7 的原生编译器：对前端工程的真正影响。

React

• Intro to Performance of React Server Components：React 服务端组件性能入门：优化策略与最佳实践。
• Denial of Service and Source Code Exposure in React Server Components：React 服务端组件中的拒绝服务和源代码泄露：安全漏洞警告。
• React 19.2. Further Advances INP Optimization：React 19.2 进一步推进 INP 优化：交互响应性能提升。
• Controlled vs Uncontrolled Components in React：React 中的受控组件与非受控组件：状态管理模式对比。

Angular

• Angular 21 — Signal with Forms — Why Sometimes Waiting Is The Better Choice：Angular 21 — Signal 与表单：为什么有时等待是更好的选择。
• Signal Forms in Angular 21 — Complete Guide：Angular 21 中的 Signal 表单完整指南：新特性深度解读。

📌 小结

从 React Server Components 的安全性修复，到 CSS 原生滚动动画的突破；从 TypeScript 7 原生编译器的影响分析，到 ES2026 对 JavaScript 痛点的解决，这一周的前端技术展现出"性能优化 + 安全加固 + 原生能力增强"的多维度发展。CSS Wrapped 2025 总结了 CSS 在状态管理和逻辑处理方面的巨大进步，前端开发正在获得更强大的原生能力，同时也需要更加关注安全性和性能优化。