做了三年 Astro，每次改一行文档都要等全站重新构建——Astro 7.2 把这件事彻底变了
配了三年 Astro，每次给文档站加个段落，都要坐着等它把所有页面全跑一遍。上万篇 Mark…
人工智能
阿柯·前端架构做了三年 Astro，每次改一行文档都要等全站重新构建——Astro 7.2 把这件事彻底变了
配了三年 Astro，每次给文档站加个段落，都要坐着等它把所有页面全跑一遍。上万篇 Mark…
点了三年返回键，今天才发现快的原因是缓存而不是网络——这件事今天被一个浏览器 API 说清楚了
你的返回体验「感觉」快了，但到底是浏览器从缓存捞的，还是网络重新拉的——这件事今天浏览器自己…
阿速·性能优化配了八年 GIF，每次想要暂停它都要靠浏览器插件——今天 CSS 自己会管了
网页里塞了二十张 GIF，加载完的那一刻你才发现——整个页面全在动，根本停不下来。以前只能靠…
小鹿·界面实验室配了八年排版，每次孤行孤字都让我想重写——今天两行 CSS 把这件事彻底修了
每次写文章发出去，总有几行排版看着别扭——最后一行只剩一个字，或者标题断到了奇怪的位置。以前…
你想给按钮的背景色加个 10% 透明度，你以前得把 RGB 三个通道的值全部重写一遍——这件事 Chrome 153 把最优雅的解法放进了 CSS 原生函数里
设计师把主色调改了一个值，你的代码里有七个地方需要同步修改，因为每个透明度版本都是独立写的 …
你以为点了「允许」网站就拿到了 GPS？Chrome 155 今天把位置权限从二元变成了三级
用户点「允许」的那一刻，网站拿到的是什么？在中国，大多数前端工程师会脱口而出：「经纬度，精确…
浏览器会让你的前端请求“听话”了——Chrome 152 Connection Allowlists 把这件事彻底变了
浏览器会让你的前端请求“听话”了——Chrome 152 新出的 Connection Al…
小智·AI工具控配了八年 CSS，每次给一组按钮写样式都要把类名全列一遍——今天 .btn-* 把这件事彻底变了
写了八年 CSS，每次给一组按钮写样式都要把 .btn-primary、.btn-secon…
配了八年 GIF，每次想暂停它都要写一堆 JS——今天 CSS 一个属性把这件事彻底原生化了
网页里 GIF 和 WebP 动图默认自动播放、无限循环，想让用户自己暂停？以前只能靠 Ja…
配了八年表单，每次输入框高度都要靠 JS 硬算——今天 CSS 自己会了，field-sizing 把这件事彻底原生化了
写过 textarea 的人大概都踩过这个坑：用户输入一多，滚动条就冒出来了，要么靠 JS …
Chrome 终于能管住你的请求去哪了——Connection Allowlists 把这件事从根本变了
Chrome 终于能管住你的请求去哪了——Connection Allowlists 把这件…
配了八年 MPA，每次跳转都像在撕纸——今天 Safari 把这件事彻底变了
你点一个链接，页面直接「啪」地一下切走。没有过渡，没有留白，浏览器像换了张纸一样重新画了整个…
配了三年数据压缩，每次上线都要接一个 30KB 的库——今天浏览器自己会了
每次做离线缓存都要 npm install 一个压缩库，打包体积因此多了 30KB——今天这…
配了五年对角线滚动，每次在地图里一滑就被卡死——今天 CSS 自己会放行了
你在做一个地图功能，用手指在屏幕上划了个对角线——结果浏览器把你的手势「掰直」了，只走了 X…
AI 论文日报
配了三年主题色，每次加个 hover 态都要把 RGB 三个通道重写一遍——今天这件事被 CSS 相对颜色语法彻底原生化了
配了三年主题色，每次加个 hover 态都要把 RGB 三个通道重写一遍——今天这件事被 C…
AI Agent 正在成为新的攻击跳板——自我复制蠕虫已进实验室，63% 的攻陷率意味着什么
配了三个月 AI Agent，今天才发现它们已经开始「繁殖」了——不是比喻，是字面意义上的自…
你以为 display 只能瞬间消失？今天 CSS 终于会退场动画了
做过 UI 的都有这个痛：弹窗出现有淡入，但关闭时"唰"就没了——因为 display: n…
点了三年返回键，今天才发现快的原因是缓存而不是网络——这件事今天被一个浏览器 API 说清楚了
你的返回体验「感觉」快了，但到底是浏览器从缓存捞的，还是网络重新拉的——这件事今天浏览器自己…
你以为 !important 是 CSS 样式冲突的终点？今天 @layer 把这件事从架构层彻底变了
你打开一个上线三年的页面，想改一个按钮的颜色。检查元素，.btn-primary 颜色来自一…
你以为 IntersectionObserver 只能检测自身？今天 CSS 用 named timeline 把这件事彻底原生化了
每次写目录导航都要靠 IntersectionObserver 监听内容区块，再手动给目录项…
配了十年排版，今天才发现根子不在代码里——是 text-wrap 这两个值把孤儿彻底收了
配了十年排版，今天才发现根子不在代码里——是 text-wrap 这两个值把孤儿彻底收了 标…
配了三年长列表，每次滚动都要等那些看不见的内容渲染完——今天 CSS 自己会跳过了
写一个商品列表，1000 个卡片，首屏加载 800ms，滚动卡成 PPT。 你第一反应是装 …
写了三年滚动动画，每次滚动进度都要靠 JS 硬算——今天 CSS 自己会了，scroll-driven animations 把这件事彻底原生化了
写滚动动画，你可能还在用这套：监听 scroll 事件，计算滚动比例，requestAnim…
播视频时播的按钮要淡出暂停的要出来——今天 CSS 自己会问了
播视频的时候，页面上那个大大的播放按钮播的时候要淡出、暂停的时候要出来——这件事以前要靠 J…
配了三年性能优化，今天才发现 FP 时间戳根本不是「用户看到内容」的时间——Chrome 145 把渲染管线的最后一公里彻底拆开了
很多前端工程师已经掌握了用 PerformancePaintTiming 抓 FP/FCP …
你以为 @supports 只能检测 CSS 属性名和值？今天它连「浏览器内部行为」都会告诉你了
写过 CSS 的人都熟悉这套写法： @supports (display: flex) { …
播了八年视频播放器，今天才发现浏览器自己认得「播没播」这件事——:playing/:paused 把播放状态的账彻底原生化了
写视频播放器的时候，判断当前「播没播」这件事，以前只能靠 JS 在 video 元素上绑事件…
配了三年 CSS 样式隔离，今天才发现 BEM 命名根本不用写了——@scope 把这件事从浏览器底层彻底变了
你给卡片写了 .card__title，后来在另一个页面加了一个完全不相干的模块，也用了 .…
配了八年 CSS，每次想给渐变动起来都要靠 JS 插值——今天 @property 把这件事从浏览器底层彻底变了
配了八年 CSS，每次想给渐变动起来都要靠 JS 插值——今天 @property 把这件事…
配了八年响应式，每次都要问「屏幕多宽」——今天 CSS 自己会问「容器多大」了，@container 把这件事彻底原生化了
配了八年响应式，每次写布局都要先问「屏幕多宽」——媒体查询帮你回答了屏幕有多宽，但它永远回答…
动态主题色最麻烦的不是配色——是背景色一改文字就看不清，contrast-color() 把这件事彻底原生化了
动态主题色最麻烦的不是配色——是背景色一改，文字该用黑还是白这件事，以前只能靠 JS 硬算，…
78%的企业说MCP已上线生产，但真正的生产长什么样——这件事今天被数据说清楚了
78%，这是企业里说 MCP 已经进生产环境的比例。 但如果你问：这些生产环境里，有多少在处…
配了五年排版，每次标题断行都像在撞运气——今天两行 CSS 把这件事彻底修了
你有没有被标题里的「孤儿字」折磨过？好不容易写了一行漂亮的标题，结果第二行只剩下一个字，看起…
配了五年地图交互，今天才发现对角线滚动根本不是手势的问题——是浏览器自己锁了轴，Chrome 153 把这件事彻底解了
你做地图、缩略图、360度全景、或者任何需要「对角线拖拽」的交互时，有没有发现用户明明想斜着…
配了五年设计系统，每次想让文字在任何背景上都清晰可读，都要写一长串 luminance 计算——今天 CSS 把这件事彻底原生化了
写过五年设计系统，每次想让文字在任何背景上都清晰可读，都要先写一套 luminance 计算…
写了三年滚动动画，每次滚动进度都要靠 JS 硬算——今天 CSS 自己会了，scroll-driven animations 把这件事彻底原生化了
写滚动动画，你可能还在用这套：监听 scroll 事件，计算滚动比例，requestAnim…
页面在低端机上卡成PPT，你以前只能靠猜——Chrome 152 把这个判断信号直接给了你
用户说页面在低端机上卡，你以前只能靠猜测——看 UA、跑微基准、猜硬件参数。Chrome 1…
你以为 CSS 条件判断只能靠 JS 切换类？if() 把这件事彻底还给了样式表
你肯定写过这种代码：组件有个「激活态」，于是你在 JS 里判断条件，然后给父元素塞一个 .i…
250家厂商支持的协议只有9%在跑：AI Agent标准正在重演历史胜利
AI Agent 战场上半年最大的笑话：一个协议已经有 250 个成员支持，但真正把它用进生…
你以为 width 是 CSS 默认值？今天它被逻辑属性彻底重新定义了
写了几年 CSS，你大概觉得 width、margin-left、padding-top 是…
AI文档解析Benchmark拉胯，根子不在模型，在评估标准——LlamaIndex这次把167K规则全亮出来了
做 AI 文档处理的人，这两年问的最多的问题是：模型跑分挺高，上线用起来怎么就不对？ 这个问…
暗色模式配了五年，今天才发现根子不在媒体查询里——是 color-scheme 这两个值把浏览器自己的 UI 彻底变了
暗色模式配了五年，今天才发现根子不在媒体查询里——是 color-scheme 这两个值把浏…
你以为 Lighthouse 分数挺好上线用户还说卡？今天 Performance Budget 把这件事从制度上彻底变了
你以为 Lighthouse 分数挺好上线用户还说卡？今天 Performance Budg…
写了三年滚动动画，每次滚动进度都要靠 JS 硬算——今天 CSS 自己会了，scroll-driven animations 把这件事彻底原生化了
写滚动动画，你可能还在用这套：监听 scroll 事件，计算滚动比例，requestAnim…
配了八年字体，每次 fallback 都要靠计算器——Chrome 127 把 aspect ratio 这件事彻底原生化了
换字体的时候有没有遇到过这种情况：font-size 明明一样，视觉上却大了一号？ 这不是你…
同一个 15px 图标，Chrome 里总比 Firefox 粗一圈——原因不在 CSS，在 JPEG 解码器
同一个 15px 的 logo，在 Chrome 和 Firefox 里看起来不一样粗，你可…