📢 宣言
每周更新国外论坛的前端热门文章，推荐大家阅读/翻译，紧跟时事，掌握前端技术动态，也为写作或突破新领域提供灵感~
欢迎大家访问：github.com/TUARAN/fron... 顺手点个 ⭐ star 支持，是我们持续输出的续航电池🔋✨！
在线网址：fwdc.pages.dev/
💬 推荐语
本期周刊聚焦前端技术的性能与创新：从 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 在状态管理和逻辑处理方面的巨大进步，前端开发正在获得更强大的原生能力，同时也需要更加关注安全性和性能优化。
✅ OK，以上就是本次分享，欢迎加我们威 atar24，备注「前端周刊」，我们会邀请你进交流群👇
🚀 每周分享技术干货 🎁 不定期抽奖福利 💬 有问必答，群友互助