本周 Web 开发热点：CSS 类前缀选择器获采纳、TanStack Router 查询预取与 Lovable 从 Next.js 迁至 TanStack Start 展现框架演进；Three.js 游戏与 WebGPU 黏体凸显图形创意；工具链侧 Fastify 6.0 进 Alpha、unbash 独立发布、TypeScript 中间件类型陷阱引发关注。
🎨 HTML/CSS
为纪录而生的六十帧：一个 Three.js 游戏、七段穿越镜头与一墙 CRT
围绕我自己的音乐构建一个 Three.js 实验室，这段经历让我对渲染器有了怎样的理解。
已采纳：CSS 类前缀选择器
一项新近采纳的提案将允许我们使用通配符选择作为变体前缀的类，例如 .prefix-* 。本文最初由 CSS-Tricks 亲手撰写并满怀热爱地发布。你真的也应该订阅这份新闻通讯。
Run Rob Run：用 Three.js 和 WebGPU 构建音乐响应式黏体
探索一个音频响应式 3D 场景背后的技术，从自定义几何形变、音乐分析到滚动驱动的形变、阻尼与性能优化。
时序图表：SMIL 动画的蓝图
我们知道 Web 上默认一切都是盒子，但你会发现许多动画伪装成圆形。但如果你曾遇见过真正的圆形，就会知道它们有更多可取之处。穿上 SVG 的外衣，它们比穿着 HTML/CSS 的朴素盒子能融入更广泛的圈子。圆形拥有一套独
CSS 导航匹配（早期阶段）
当有人从一个特定页面导航到另一个页面时应用某种样式。其理念是让跨文档视图过渡的来源在 CSS 中以声明式表达，而非用 JavaScript 去管理那些东西。本文最初由 CSS-Tricks 亲手撰写并满怀热爱地发布。
用深度图与 Three.js 重新打光图片
探索如何将深度图、TSL 与 WebGPU 结合起来，把扁平的 2D 图像转化为具有真实光照、表面细节和自阴影的动态曲面。
WordPress.com 学生计划
作为一个教授初级 Web 开发的人，我发现搭建一个 WordPress 站点是非常好的期末项目。不过，托管这些项目一直是个拦路虎。本文最初由 CSS-Tricks 亲手撰写并满怀热爱地发布。你真的也应该订阅这份新闻。
用 GSAP 时间线与动态 CMS 数据构建动画推荐 Hero 区
了解如何在 Webflow 中使用 CMS 数据、自定义 JavaScript 计数器和 GSAP 的可视化时间线，构建动态的推荐语 Hero 区。
深色模式开关：两个状态就够了
Lea 正在反驳那些为访客提供三种状态选项（浅色、深色、跟随系统）的明暗模式实现。本文最初由 CSS-Tricks 亲手撰写并满怀热爱地发布。你真的也应该订阅这份新闻通讯。
不妥协的企业级创意：OFF+BRAND 的故事
在 Web 上一些最大的画布上讲述故事，从 Awwwards 年度网站到微软的正门。
🧩 框架
使用 TanStack Router 实现可靠的查询预取
在使用 TanStack Router 时，让路由加载器中的查询预取与组件保持同步的策略。
可提升的 SVG Defs（第二版）：伪装成 DOM
通过将 SVG 定义提升到普通对象中并伪装成 DOM 节点，React 如何借此去重 SVG 定义，从而支撑起 React Aria 的 Collections 这类模式。
Lovable 如何从 Next.js 迁移到 TanStack Start
深度剖析将每月 4200 万访问量、400 条路由和 85 万行代码从 Vercel 上的 Next.js 迁移到 TanStack Start 的全过程。
用 Expo 构建 resilient 活动追踪器
了解如何结合 TaskManager、自定义 Expo 模块和卡尔曼 GPS 滤波器，构建能够承受后台终止和 GPS 噪声的步行与健身追踪器。
Web 触觉反馈：为什么 Web 拒绝更具触感
探讨为何相比原生应用，Web 上的触觉反馈仍然受限，审视浏览器 API 与平台约束如何塑造触觉体验。
用 Next.js 16.3 构建类原生应用体验
了解 Next.js 16.3 如何通过即时导航、服务端渲染数据、乐观更新和实时客户端状态，实现原生般的应用模式。
使用 Client Hints 在服务端渲染时区
一份实用指南，介绍如何利用客户端提示（client hints）和 Cookie，在服务端直接渲染用户本地时区的准确日期。
OXC 对 React Compiler 的支持
概述基于 Rust 的高性能 JavaScript 工具链 OXC 如何实现并支持 React Compiler。
TermDOM：用 HTML、CSS 和 DOM 构建终端 UI
喜欢 Ink 的外观但不喜欢 React？TermDOM 实现了一个 DOM、层叠样式和布局引擎，并将其绘制到终端，因此你可以用 HTML 和 CSS 编写 TUI。纯 JS，无原生或 WASM 依赖，官方的 TodoMVC 只需换一个样式表即可运行。尚处早期，但我喜欢这个点子！
Fastify 6.0 进入 Alpha
自广受欢迎的低开销 Web 框架 Fastify 发布 v5 以来已过去两年，但 v6 已初见端倪。它大体上被定位为一次"大扫除"式发布，最低要求 Node 24，但应该适合初期测试。更多背景请看这里。
🛠 工具链
添加第二个中间件破坏了我们的 TypeScript 类型
一则 TypeScript 侦探故事：添加一个第二个中间件竟会让返回类型坍缩为 {}。罪魁祸首是一个被广泛使用的键过滤惯用法，当属性为可选时会泄漏出 undefined。
unbash：零依赖的快速 Bash 解析库
Knip 用来理解 shell 脚本的解析器，现已作为独立库发布。它将 bash 代码转换为带类型的 AST，可用于分类、权限检查、命令重写等更多场景。
往期精选
- Web前端周刊2026W35 | Bun 1.4 发布、pnpm 12 Rust 重写、Solid 2.0 RC 冻结、Next.js 修复两 RCE
- Web前端周刊2026W33 | TanStack Form v2 Alpha、pnpm 12 Rust重写、Fastify 6.0 Alpha
- Web前端周刊2026W32 | Next.js 16.3发布，React Router v8发布，Astro 7.2发布，Node.js v26.6.0发布，ioredis 6.0发布
- Python周刊2026W34 | Python 3.12.14 安全发布、Django 转年度发布、asyncio 连接泄漏修复、PEP 843 export 草案推进
- Node.js周刊2026W33 | TermDOM终端 UI、pnpm 12 Rust重写、Node.js 26.7.0
- 2026年8月编程语言排行榜｜MATLAB 首次跌出前20