# 前端每周文摘 - 每周更新：国外论坛的前端热门文章，推荐大家阅读/翻译，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路~
💬 推荐语：
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？ ：真实开发场景的技术选型分享。