2026年3月，三个CSS特性在所有主流浏览器里正式达标了。说实话我翻浏览器更新日志的时候才发现，这几个功能其实早就逐步实现了，只是现在才完全统一。

长期以来，前端开发中处理气泡弹窗定位、滚动联动动画以及瀑布流排版，几乎完全依赖第三方JavaScript库。从Popper.js（Floating UI）、Masonry.js到手动监听scroll事件计算坐标，开发者习惯性地将这些展示逻辑压在JS主线程上。

在前端工程里，开发一个看似简单的悬浮提示（Tooltip）或下拉菜单组件，打包出来的代码里到底包含了多少JS代码？很多前端开发者在回看旧项目时，都会被依赖项里那些用来处理定位的库折腾得头疼。

2026年，CSS已经不是那个“只能改颜色”的工具了。下面这几个特性能让你少写很多JS，而且性能更好。:has() — 终于能选中父元素了。以前想根据子元素状态改变父元素的样式，只能靠JS。现在不用了。场景：表单校验时，输入框的父容器变红

2026年3月，ECMAScript 2026（ES2026）标准正式定稿。这次更新不只是一个年度例行发布，它在表达式化编程和不可变数据两个方向上迈出了重要一步。从更好用的时间日期API，到原生资源管理，ES2026正在改变我们写前端代码的方式。

JavaScript 本身在版本管理方面做得已经很不错了。我们会介绍该语言本身的新特性，但作为一名 JavaScript 开发者，掌握的内容远不止语言本身，还延伸到运行时、框架、库和工具链。

今天和大家聊聊 CSS 2026。这个话题最近在前端圈子里讨论度很高，我整理了一些关键信息和自己的思考，希望能给你带来一些启发。容器查询（Container Queries）是响应式设计的一次革命。

写程序的人，谁没遇到过这种场景：一个错误引发了另一个错误，另一个错误又被新的包装吞掉，最后你排查半天，真正最初的原因早就找不到了。以前遇到这种情况，我们通常只能二选一：要么直接覆盖原始错误，要么手动往错误对象上挂一堆自定义属性。能用，但不优雅。

日常写JS时，往往用顺手的那几招就够用了。但ECMAScript每年都会加一批小改进——不搞大新闻，却能让代码更短、更安全、更好读。这篇文章整理了一批近几年落地的实用特性，并配上代码示例，方便你在真实项目里直接用起来。

JavaScript 经过这么多年的发展，终于迎来了一批真正能落地的重磅特性。到了 2026 年，很多我们以前依赖第三方库才能解决的问题，现在浏览器原生就支持了。这意味着代码能写得更少，项目打包体积更小，运行效率也更高。

时间到了2026年。如果你还以为CSS只是个画页面的工具，那你得重新看看了。这几年CSS加了很多新功能，以前非得用JavaScript才能做的事，现在CSS自己就能搞定。

这几年做前端，会有一个很明显的感受：项目里的依赖越来越多，但我们真正解决的问题，其实一直没怎么变。数组去重、对象处理、日期格式化、滚动监听、请求取消、性能采集、调试日志…… 这些需求十年前存在，今天依然存在。

做前端开发的人都有过这样的经历：想把一个div居中显示，试了好多方法都不行。用margin: 0 auto没用，text-align也不行，最后只能用position: absolute加上负边距这种奇怪的办法。

Vue 3.5 带来了一个实用的新功能：useTemplateRef。这个 API 解决了之前模板引用的一些问题。我们来详细了解一下它的作用和用法。它让变量命名更自由，类型推断更准确，动态引用更简单，逻辑封装更方便。

前端开发正在经历一场静默的革命。随着CSS的快速发展，很多我们过去需要JavaScript才能实现的效果，现在用几行CSS代码就能搞定。今天就来聊聊那些真正能提升开发效率的CSS新特性。