🧭 本周 Web 前端精选｜2025年第14周

前端每周文摘 - 每周更新：国外论坛的前端热门文章，推荐大家阅读/翻译，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路~

image.png

💬 推荐语： AI 正悄然重构前端工作流，WebGPU 开始释放 3D 图形潜力，CSS 不再只是样式语言，而是动画与布局引擎的核心；浏览器原生 API 正在吞噬 NPM 小工具……如果你还停留在“组件栈”和“JS 框架”视角，或许是时候重新校准前端认知模型了。

🧠 本周点评：下一代前端，从“写代码”变成“调通生态”

这周的内容让我越来越明确一个趋势：前端开发正从“写页面”走向“调生态”。 AI agent 的接入、浏览器 API 的丰富、WebGPU 等新平台底层的崛起，让前端的核心价值从“实现功能”变成“整合平台能力”。

我们写的代码越来越少，但调度的系统能力越来越强：从 PWA、Share API、到 Style Queries，再到 WebGPU 的场景化 3D，这不仅要求你写得巧，更要求你理解平台与框架的博弈方式。

你需要知道什么能“靠浏览器直接完成”，什么需要“靠 AI 工具协助建构”，什么又必须“降级处理”，这就是未来前端真正的“工程能力”。

🌐 Web 开发精选

• 一份新的“Web 就绪度”报告：帮助开发者了解现代 Web 功能的普及和可用性。
• 借助内置 API 和渐进增强简化分享功能：分享按钮其实只需几行代码，浏览器已经帮你做好了。
• 使用 WebGPU 和深度图制作扫描效果：用 WebGPU 构建科幻扫描动画，下一代交互场景启示。
• 让 :visited 更加隐私安全：Chrome 优化 :visited 选择器机制，避免用户浏览路径泄露。

🧰 工具

• Chrome 135：收藏功能强化：从“内容管理”角度重构浏览器体验。
• Bare：极小 JS 运行时替代 Node.js：无需服务端的运行时，让你在任何设备上运行 JS。

🤖 AI

• AI Agents 正在悄悄改变前端开发：从页面生成器到协助调试，AI agent 是下一个前端工具链。
• AI 如何影响 3D Web 开发的未来：3D 内容生成正由人转为模型驱动。
• AI 开发工具生态全景解析：一文看懂 AI 工具在前端领域的角色分布。

🚀 性能

• Lighthouse 与 DevTools 性能洞察解读：从报告到操作建议，一站式性能优化思路。
• 彻底搞定渲染阻塞资源：实战层面教你怎么拆解 JS 和 CSS。

🎨 CSS 焕新特性

• 在 Chrome Canary 中使用 @functions：CSS 接近“具备计算能力”的阶段。
• 现代 attr() 初探：可用于动态样式的 attr() 正逐渐落地。
• 纯 CSS 实现图片围绕文字自适应排布：借助 shape-outside 做出媲美杂志排版的效果。
• 纯 CSS 响应式六边形网格：无需断点，纯布局魔法。
• 用锥形渐变做出爆炸式视觉效果：渐变效果也能玩转情绪设计。
• 文字样式微调再升级：更强可访问性控制与视觉微调策略。
• 2025 年已支持的十大 CSS 新特性：你能马上用的强力语法糖。
• CSS Day 按钮动效的再创作：向真实世界 UI 动效致敬。
• Style Queries + 动画 = 关键帧碰撞检测：CSS 新能力下的动画协同设计。
• Item Flow：统一布局概念的新尝试：WebKit 推出实验性布局模型，值得关注。

💻 JavaScript 生态动态

理论思辨

• JavaScript 垃圾回收深度解析：从内存结构到回收策略，一文吃透 JS GC。
• Axios vs Fetch：2025 年该用哪个？ ：语法易用性、错误处理机制全面对比。
• Axios 请求指南：用 Axios 完整构建前端数据层。
• JavaScript 是否可以同步 await？ ：从语言规范角度提出值得探讨的问题。

项目实践

• 用 TypeScript + Jupyter 做艺术数据可视化：数据工程与前端艺术的结合。
• Next.js 图像编辑器项目实战：glfx.js 加持图像处理 Web 应用。
• Astro + TypeScript 打造卓越 DX：从开发者体验的角度构建组件。
• Excalibur.js 构建前端小游戏：一个你没玩过的 JS 游戏引擎。
• 用 Mirage JS 模拟复杂 API：本地 mock 数据的终极方案。

框架趋势

• React 19 深度解析：新生命周期、新钩子、新语法统统来了。
• React 架构抉择：SPA、SSR 还是 RSC？ ：从渲染方式出发设计前端架构。
• Vue 入门教程：你的第一个组件：Vue 官方教学材料。
• 为什么把博客从 WordPress 迁到 Angular？ ：真实开发场景的技术选型分享。