前端下一步

本期围绕“浏览器互操作标准 Interop 2026 + TypeScript 6.0 Beta + Web 与 AI/Agent 能力结合”展开：一组来自 web.dev、WebKit

Angular 的增量水合（Incremental Hydration）通过把“可见”与“可交互”的成本拆开：页面仍然用 SSR 很快渲染出完整 HTML（有利于 LCP/SEO），但把某些区域的客户

嵌入视频往往会显著拖慢页面：播放器会加载一堆额外资源，即使用户最终根本不点播放。 常见的优化是用 lite-youtube-embed 之类的轻量组件先占位、再按需加载。但如果视频就在首屏（above

过去几年里，我们经常需要用 JavaScript（滚动事件、Intersection Observer）来回答一些看似简单的问题： 这个 sticky 头部现在真的“贴住”了吗？ 这个 scroll-

本文想回答两个很直接的问题： 大型 SVG 的渲染是否显著比小 SVG 慢？有没有一个“超过就很糟糕”的尺寸阈值？ 如果把这些 SVG 转成 PNG，渲染表现会怎样？ 为此，作者生成了一批测试图片，并

WebView 桌面应用”这条路线的本质很朴素： 界面层用 HTML/CSS/JS 来获得极高的 UI 生产效率，渲染层交给系统自带的 WebView（Windows WebView2 / macOS

前端写 UI 写久了，你总会遇到一种特别别扭的视觉：内容明明只有两三行字，容器却像被“撑到一整行”那样宽，留下一大块无意义的空白。标题、标签、气泡、tooltip、legend、图片 caption…

新一代技术出现，上一代技术自然被淘汰。可在真实的工程世界里，事情往往更复杂。 从 CLI 到 TUI，再到 GUI，最终进入 Web 时代，这四次变化既是界面形式的变化，也是软件工程哲学的变化。

💬 推荐语 本期聚焦“交互组件选择 + 浏览器行为细节 + 生态工具更新”。Web 开发部分从组合框/多选/列表框的选型指南、浏览器对“意外”变更的敏感反应，到“不要把单词拆成字母”的可访问性提醒；工

这篇文章延续 Part 1 的思路：把一次 mutation 所需的 UI 更新数据，在同一次网络往返里一起带回来（避免 mutation 后再额外发请求 refetch）。 Part 2

我做了一个叫 Ant 的小型 JavaScript runtime（大概 2MB）。源码、测试和文档都在 GitHub：https://github.com/themackabu/ant/

直接使用 `document.startViewTransition` 已经足够灵活，而 `<ViewTransition>` 的价值更多体现在与 React 生命周期、Suspense、并发更新

本文是一段回顾式的长旅程：作者用十多年的时间不断尝试“浏览器里做流体”，从 WebGL 时代的各种 Hack，一路走到 WebGPU 让许多“现代图形 API 能力”变得可用。 Demo：https:

今天我们非常兴奋地宣布 Rolldown 1.0 的候选版本（Release Candidate，RC）。 TL;DR：Rolldown 是一个用 Rust 编写的 JavaScript/TypeSc

Vercel 最近发布了一款名为 json-render 的新开源工具，这标志着向生成式用户界面迈出了一步——这是 Vercel 为 AI 生成的 Web 界面创造的术语。 “如果大语言模型不仅仅是生

本期主题偏向“平台新能力落地 + 工程工具链升级”。Web 开发部分重点关注 HTML Invoker Commands 在主流浏览器达成 baseline 支持，以及 Chrome Ca

我们将 10 多年来在 React 和 Next.js 优化方面积累的知识，浓缩成了 react-best-practices 项目。这是一个专门为 AI Agent 和大语言模型（LLM）优化的结构

如今的前端生态不再仅仅由新鲜感驱动。团队现在更看重性能预算、招聘信号、维护成本，以及当需求变动时产品的响应速度。 大家评价一个库的标准，已经从“够不够火”转向了它在复杂、混乱的真实系统中的表现。

乐观 UI (Optimistic UI) 乐观 UI 是指在后台操作尚未完成时，为了响应用户交互而立即更新 UI 的技术。这种做法让界面响应速度与网络延迟实现了脱钩。最典型的例子就是“点赞”按钮。

💬 推荐语 本期主题偏向“细节工程化 + 新能力落地”。Web 开发部分从 2026 年 favicon 的最小配置、ARIA 经验教训与“像素级还原”的再思考出发，延伸到平台公司为何持续收购前端框架