每周更新：国外论坛的前端热门文章，推荐大家阅读/翻译，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路~
💬 推荐语
这周前端圈子依旧热闹：从 Web 性能优化策略到 CSS 的形状魔法，从 React SSR 的新范式到 Biome 接替 ESLint 的实战案例，几乎每一类开发者都能找到自己的“高光点”。特别是 Figma Sites 引发的正反两派交锋，以及 gRPC 与 REST 的再次交锋，也为架构设计者们提供了思辨素材。
🗂️ 本期精选目录
Web 开发
🔹2025 年 14 条 Web 性能优化建议：聚焦 Core Web Vitals 的年度指南，告诉你该优化什么、为何优化。
🔹为人类和设备设计的色彩模型：MDN 出品，深度剖析色彩模型在不同场景下的适配逻辑。
🔹黑客在 NPM 上布设跨语言“冒牌包”陷阱：前端供应链安全再次拉响警报。
🔹滚动触发的 3D 轮播特效：用 CSS 和 WebGL 打造的沉浸式交互新体验。
🔹Astro 开发者看 RSC（React Server Components）：Dan Abramov 再谈 RSC，兼顾 Astro 场景视角。
🔹gRPC vs REST：如何选择最佳 API 架构：从接口设计的性能、灵活性、扩展性等维度全面比较。
🔹Matrix 哨兵：用 TSL 绘制动态粒子轨迹：探索 TSL 如何实现富视觉粒子轨迹。
工具
🔹Figma Sites：发布设计到 Web：设计师可以零代码上线页面的新方式。
🔹别用 Figma Sites 公开设计稿：从可访问性与隐私角度出发的反方观点。
🔹从 Prettier + ESLint 迁移到 BiomeJS 实战：实际项目经验分享，Biome 是否能接棒传统组合。
🔹Next.js 发布部署规范，简化前端托管：Next.js 官方推动托管标准化的最新进展。
CSS
🔹容器查询单位的外层容器相对用法：深入理解 CQ-Unit 的适用边界。
🔹CSS 轮播组件真的无障碍吗？：从可达性角度审视当前的 CSS 轮播实现。
🔹Smashing 动画系列 1：经典动画片如何启发现代 CSS 动效：CSS 动画也能复刻米老鼠的活力。
🔹Popover 与锚点定位 polyfill 的更新：让更多浏览器提前支持新语法。
🔹Masonry 网格：Grid 该进化还是另立模块？：关于布局未来的公开讨论。
🔹用 CSS 实现吉他和弦图：又一个“能用 CSS 实现的”奇趣项目。
🔹CSS 动画优化案例：轨道力学：Keyframes 也可以被精准压榨性能。
🔹shape()：CSS 全新绘图语法登场：这可能是未来图形排版的关键拼图。
🔹用滚动驱动动画实现现代化阴影：Scroll-driven 动画再进化。
🔹Tailwind Typography 插件使用指南：从零掌握排版插件。
🔹Tailwind CSS 中如何使用自定义字体：字体定制的新手友好教程。
JavaScript & React
🔹Error.isError()：检测 JS 错误类型的新方式：从鸭子类型转向更语义化的检测方式。
🔹展开与剩余语法的强大威力：JS 的扩展性之美。
🔹TypeScript 中的类型断言何时该用？：权衡安全性与灵活性的关键技巧。
🔹JavaScript 日期格式化指南：方法、库与实践：开发中最常踩坑的问题之一。
🔹Node.js 中运行 TypeScript 的三种方式对比：从兼容性与调试体验全面评估。
🔹Vue 入门测试：Vitest 上手指南：Vue 项目引入测试的最佳实践之一。
🔹JSX.lol：React 真的有人喜欢吗？：带点反思与吐槽的轻松作品。
🔹React SSR 渲染范式进化：hydrateRoot 到新一代模式：深入解读 React 服务端渲染的技术路径。
🔹mono-jsx 项目：以 Response 方式构建 React 页面：一个类 HTML 输出的 React 实验项目。
🔹React View Transitions 与 Activity API 动效实战：以 AirBnB 动画为例，逐步实现完整过渡效果。
