工程笔记
写给真正
交付技术栈的人
关于 React、Node.js、TypeScript 与 AI 的文章。有译文正文时显示译文。没有时显示英文，并注明这一点。
标签：Web Standards
CSS attr() 函数：将 HTML 属性值直接用于样式设置
了解如何通过 typed CSS 的 attr() 函数将数据属性转换为长度、颜色和时间值，其备用方案为何会失效，url() 为何会被限制使用，以及如今该如何安全地实现这一功能。
阅读约 18 分钟谁应该负责控制UI行为？在HTML、CSS和JavaScript之间如何选择。
一个用于判断何时应使用原生HTML和CSS功能（如对话框、弹出层、:has()选择器以及容器查询）来替代JavaScript，以及何时不应如此的框架。
阅读约 15 分钟用 Popover API 和 CSS 锚点定位替代工具提示库
为何需要 Popper 和浮动 UI 来实现工具提示功能，而现在的原生特性已能解决堆叠、定位及隐藏问题，以及在何种情况下仍需使用 JavaScript 库。
阅读约 9 分钟安全使用现代CSS：锚点、网格轨道、作用域与light-dark()函数
了解锚点定位、弹出框、网格通道砌体、视图过渡、light-dark() 以及 @scope 如何替代 JavaScript 库，以及如何为每种方案准备备用方案。
阅读约 7 分钟从无意义的div标签到有意义的语义化标记：实用的语义HTML指南
了解为什么通用的div元素会破坏可访问性、爬虫兼容性和可维护性，应使用哪些语义化元素作为替代，以及如何重构实际的卡片组件。
阅读约 16 分钟JSX并非HTML：组件标记背后的真实权衡
了解当标记语言转变为JSX时需要放弃什么，包括工具与解析、表单功能、无障碍性及可移植性等方面，以及能够挽回大部分优势的解决方案。
阅读约 13 分钟六种可替代常见JavaScript UI库的原生HTML功能
了解弹出框、专属详情、对话框、声明式阴影 DOM、fetchpriority 以及 datalist 如何替代自定义 JavaScript，以及它们各自仍存在的局限。
阅读约 6 分钟2026年，原生浏览器API将取代流行的npm包
解释了原生 JavaScript 和 CSS 的各种特性，如 Signals、管道运算符、Temporal 以及锚点定位，是如何逐渐取代常见的 npm 包的。
阅读约 8 分钟
常见问题
关于这些文章
是。每篇都是为本站准备的英文原创改写。结构与代码跟随来源；正文重写并做过重合检查。
英文是来源。只有存在该语言的正文译文时才显示其他语言。缺失或空白的译文仍是英文，包括在本地化网址上。
草稿经编辑后进入发布队列。站点导入只收录新的或有变更的 slug，不会重复添加。
示例仅供说明。上线前请核对技术栈与许可。若需交付，请发来简报。