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

💬 推荐语:
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? :真实开发场景的技术选型分享。