用了八年设计系统，今天 CSS 终于把「属性组」这件事原生化了——@property-group 提案把设计系统的账彻底变了
用了八年设计系统，每次改主题都要靠预处理器撑着——今天这个 CSS 提案把属性组的事彻底扒开…
文章 30
写过三年微前端，每次接新模块版本冲突都要靠重启续命——Module Federation 2.0 把这件事彻底变了
写过三年微前端，每次接新模块进来第一件事就是祈祷版本对得上——React 18 对 18.2…
写过三年微前端，每次接新模块版本冲突都要靠重启续命——Module Federation 2.0 把这件事彻底变了
写过三年微前端，每次接新模块进来第一件事就是祈祷版本对得上——React 18 对 18.2…
写过三年微前端，每次接新模块版本冲突都要靠重启续命——Module Federation 2.0 把这件事彻底变了
写过三年微前端，每次接新模块进来第一件事就是祈祷版本对得上——React 18 对 18.2…
写过三年微前端，每次接新模块版本冲突都要靠重启续命——Module Federation 2.0 把这件事彻底变了
写过三年微前端，每次接新模块进来第一件事就是祈祷版本对得上——React 18 对 18.2…
你以为 Sass 不可替代？Chrome 146 把这件事彻底变了
你写了八年 Sass，每次给团队引入新项目，第一件事就是配 node-sass 或者 dar…
你以为 CSS 条件判断只能靠 JS 切换类？if() 把这件事彻底还给了样式表
你肯定写过这种代码：组件有个「激活态」，于是你在 JS 里判断条件，然后给父元素塞一个 .i…
1000 个卡片需要 1000 个唯一名称，View Transitions 的扩展难题现在有了纯 CSS 解法
做跨文档视图过渡时，最容易遇到的不是「能不能动」，而是「动到第 48 个元素突然集体崩了」。…
写过八年 JavaScript，每次资源清理都要靠 try/finally——今天 using 关键字把这件事彻底变了
写过文件读取，你一定见过这套： let handle; try { handle = awa…
npm install 跑完不等于依赖装完了——这件事今天把前端项目的真实账全算清楚了
npm install 跑完不等于依赖装完了——这件事今天把前端项目的真实账全算清楚了 每次…
配了三年 CSS，每次第三方库样式打架都要靠 !important 强压——今天 @layer 把这件事从架构层彻底解了
配了三年 CSS，每次引入第三方组件库样式都要和它打架——它用 #app .sidebar …
配了八年 ESLint 加 Prettier，今天发现一个 Rust 二进制把它们全替了——这件事把工具链的账彻底变了
配了八年 ESLint 加 Prettier，两个配置文件、两个 npm 包、两个生态，每次…
配了三年 IntersectionObserver，每次写 reveal 动画都要靠它——今天 Chrome 146 把这件事彻底变成了纯 CSS，5 行顶 11 行
reveal 动画我配了三年，一直是这套：IntersectionObserver 盯着元素…
配了三年 Shadow DOM，每次想用手动槽位分配都要靠 JS——今天一个 HTML 属性全包了
写过 Shadow DOM 的都知道，<template shadowrootmode…
配了八年Web Components，今天发现它的SSR从来就没真正立住过——Declarative Shadow DOM升入Baseline让这件事彻底变了
写了八年 Web Components，今天发现它的根子一直没立对——因为 Shadow D…
配了八年弹层定位，今天发现九宫格把整个体系彻底变了——position-area + @position-try 完整方案
写过弹层组件的，都有一个共同感受：定位本身不复杂，复杂的是它“跑出去”之后怎么办。屏幕边缘、…
配了三年弹层组件，今天才发现根子不在定位逻辑——是浏览器终于把这件事还给了 CSS
写过三年弹层组件，你大概知道这个痛：给 Popover 写好了「在按钮下方弹出」的定位，结果…
配了八年构建，每次改一行代码都要等整个项目跑完——Import Maps 把这件事从工程层还给了浏览器
做多页应用，每次加一个 npm 包都要走一遍打包流程——改配置、等编译、上线。这个流程今天可…
配了三年滚动交互，今天才发现「卡住没卡住、滚向哪边、能不能滚、有没有吸住」这四个状态浏览器自己会告诉你——@container scroll-state() 把这件事彻底变了
写过滚动交互的前端工程师都知道，这个坑有多深——sticky 头有没有贴上去、轮播项有没有吸…
配了八年 Babel，今天才发现它悄悄把整个构建链换了——ESM-only 这件事，账全变了
配了八年 Babel，今天才发现它悄悄把整个构建链换了——ESM-only 这件事，账全变了…
写了八年滚动动画，今天发现整个 JS 库都可以删了——CSS scroll-driven animations 把这件事彻底变了
以前写滚动动画，要在 JS 里监听 scroll 事件、算位置、塞 requestAnima…
配了八年样式隔离，今天终于不用靠 !important 续命了——@layer 把这件事彻底变了
配了八年 CSS，每次第三方库进场就开始打 !important 战争。一个按钮颜色，五个文…
配了三年 postcss-nesting，今天发现它终于可以彻底卸了——Tailwind v4 把这件事彻底变了
我配了三年 postcss-nesting，每次升级构建链都要把它列入清单——今天发现它已经…
写前端项目最影响启动速度的往往不是你的代码——是那个悄悄拖慢加载的第三方模块。import defer 把这件事从框架层拿到了语言层。
import defer 彻底变了前端模块加载的账。 写前端项目，最影响启动速度的往往不是你…
设计师给了一个 P3 色域的色值，你写进 CSS 之后设计师在旧手机上打开——颜色直接偏了。这就是 sRGB 的天花板。2026 年了，CSS 终于把「高动态色彩」这件事彻底原生化了。
设计师给了一个 P3 色域的色值，你写进 CSS 之后设计师在旧手机上打开——颜色直接偏了。…
配了八年 Angular，今天它的 CLI 把整个构建链全换成 Rust 了——这件事把工程化的账彻底变了
Angular 团队 8 月悄悄发了个 PR，把 Angular CLI 的默认 chunk…
配了八年 View Transitions，今天发现它最麻烦的地方终于要被 CSS 自己接管了——大规模元素命名这件事，浏览器自己要会了
写过 View Transitions 的人，大概都遇到过这个问题——教程里那个优雅的卡片从…
配了三年弹层，每次锚点滚出容器弹层就跟丢了——今天 CSS 自己会追了，anchor-scroll 把这件事彻底原生化了
弹层跟着锚点走，但锚点滚出容器了弹层还在原地——这个坑我踩了三年，今天 CSS 自己会追了，…
配了X年 Electron/PWA 的拖拽区，今天发现它终于被 CSS 标准命名了——window-drag 把 app-region 那笔糊涂账彻底结了
做 Electron 或者 PWA 的自定义标题栏，你一定用过 app-region: dr…
弹层跟着锚点跑，滚动时却跟丢了——这个坑我踩了三年，今天 CSS 自己会追了
做弹层的时候，最爽的就是把它绑在一个锚点上，然后不用管它的坐标——浏览器自己会算。但有一个场…