本周前端与 AI 技术情报｜前端下一步 #462
? 推荐语
相比上一版，这期的主线清晰得多：AI 正在重塑“网站该如何被理解”这件事，而前端工程师不得不重新审视那些最基本的手艺。
Web Dev 栏目里，大量内容都围绕“Agent-ready”“LLM 可见性”和“AI 生成 UI 的质量缺陷”展开。Cloudflare 开始给网站打 Agent Readiness 分数，Evil Martians 则系统总结了如何让内容真正被 LLM 读取，Frontend Masters 更是直白地说，AI 生成的 UI 默认就是不够无障碍的。把这些文章放到一起看，信号再明显不过：网站不再是仅供浏览器和搜索引擎消费——模型、Agent 和自动化工作流也成了它的用户。
另一边，CSS、Ja vaScript 和 React 栏目也在提醒我们：真正的工程竞争力，始终来自结构、边界和判断力。不用断点也能构建响应式 UI、Shadow DOM 的现代 CSS 能力现状、RSC 的不同实现方式、Promise 取消的边界、Next.js 中 API 逻辑的拆分时机……这些不是“快餐技巧”，而是决定项目会不会长期失控的底层问题。
? 本期精选目录
? Web Dev
Cloudflare: Introducing the Agent Readiness score. Cloudflare 推出了 Agent Readiness 分数，量化网站是否适合 Agent 使用——这件事终于有了可操作性。
Building a Blog in TanStack (Part 1 of 2). 用一个具体的博客项目来呈现 TanStack Start 的真实组织方式，值得动手跟着走一遍。
Introducing masonry-gridlanes-wc: A Native-First Masonry Web Component. 一个原生优先的 Masonry Web Component，先保证原生能力，再拿 JS 兜底，思路很正。
Making your site visible to LLMs: 6 techniques that work, 8 that don’t. 把“如何让网站被 LLM 看到”这件事讲透了，还贴心列出了哪些做法其实没用——避坑指南。
AI-Generated UI Is Inaccessible by Default. 生成速度快不代表可访问性质量好，这篇文章把“速度陷阱”戳得很痛。
HTMX 4.0: Hypermedia finds a new gear. HTMX 4.0 的底层重构让超媒体路线重新提速，值得关注。
March 2026 Baseline monthly digest. 三月 Baseline 月报，适合快速扫一眼哪些 Web 能力刚进入可用区间。
Why AI Sucks At Front End. 一篇态度鲜明的文章，直击 AI 在前端细节上反复翻车的根源。
? CSS
Building a UI Without Breakpoints. 响应式设计不该默认退化成断点堆砌——现代 CSS 已经提供了更自然的布局路线。
Modern CSS Feature Support For Shadow DOM. Shadow DOM 里的现代 CSS 支持现状，组件库作者的收藏夹必备。
Spring Physics in CSS. 把“弹簧感”带进 CSS 动效，最近动效表达里很值得关注的方向。
Multi-stroke text effect in CSS. 用 CSS 做多重描边文字效果，适合偏视觉表达的场景。
Squash and Stretch — The little secret that makes animations feel alive ✨. 把传统动画原理引回网页动效，Josh 一向擅长的切口。
CSS Games: 4Connect. 一个很轻巧但有趣的 CSS 游戏案例，看看代码怎么写。
CSS Breakpoint Units — design with pixels and get fluid UX for free. 思路挺新：用像素做设计，自动获得流式可访问布局，同时解决两个最老的可访问性问题。
? Ja vaScripts
tanstack: React Server Components Your Way. TanStack 对 RSC 的态度很明确：给你原语，不替你决定架构。
You can’t cancel a Ja vaScript promise (except sometimes you can). Promise 取消问题的边界和变通方式，讲得非常透。
ES2026 Is Here: The Ja vaScript Features That Actually Change How You Write Code. 开发者视角的 ES2026 综述，看看哪些特性真的能改变写代码的方式。
⚛️ React
How to Test Accessibility Across Multiple Locales in React Apps. 多语言和无障碍放在一起测，才更接近真实问题。
So, you want a React modal that uses the element and transitions in AND out? 一个很实用的 + React 模态框实现，进出动画都有。
When to move API logic out of Next.js. 什么时候该把 API 层从 Next.js 里抽出来，这篇讲得很工程化。
Astro vs Next.js: When SSG beats React for content sites. 内容型网站到底该不该背着 React 跑，这篇对比很直接。
Embed a Secure Inline PDF Viewer in React: No Downloads, Full Control. 偏企业应用场景的 React PDF Viewer 实战，全程可控。
结语
这期最值得认真对待的，不是某个单点 API，而是一个更现实的趋势：前端已经不只是“把 UI 写出来”，而是在同时处理 Agent 可读性、AI 生成质量、平台兼容性、可访问性和架构边界。
越是 AI 参与开发，越要回到那些最硬的判断题：布局是不是健康、组件是不是可访问、抽象是不是过度、服务边界是不是清楚、平台能力是不是成熟。第 462 期真正有价值的地方，就在于它把这些核心问题一次性摆到了台面上。
