工程笔记
写给真正
交付技术栈的人
关于 React、Node.js、TypeScript 与 AI 的文章。有译文正文时显示译文。没有时显示英文，并注明这一点。
标签：Design Systems
深色模式九种实现技术对比：从滤镜技巧到服务器Cookie
对九种为网页应用添加深色模式的方法进行比较，这些方法包括反相滤镜、令牌机制、light-dark()函数以及服务器Cookie，并了解每种方法会悄无声息地引入哪些漏洞。
阅读约 24 分钟容器查询与媒体查询：页面决策与组件决策
通过卡片、控制面板和单元示例，了解何时该使用媒体查询，何时容器查询更为合适，从而让可复用的组件能够灵活适应不同场景。
阅读约 16 分钟运行时 CSS 自定义属性：主题定制、JS 桥接与 @property
了解 CSS 自定义属性与 Sass 变量的区别，并将其用于主题设计、JavaScript 驱动的动画效果、流体字体、组件变体以及类型化动画。
阅读约 17 分钟可复用React组件反噬：属性爆炸问题及解决方案
看看过早的重用是如何将一个简单的 React 组件变成一个充满冗余属性的负担，以及如何通过复制、复合组件和“三原则”来避免这种情况。
阅读约 9 分钟
常见问题
关于这些文章
是。每篇都是为本站准备的英文原创改写。结构与代码跟随来源；正文重写并做过重合检查。
英文是来源。只有存在该语言的正文译文时才显示其他语言。缺失或空白的译文仍是英文，包括在本地化网址上。
草稿经编辑后进入发布队列。站点导入只收录新的或有变更的 slug，不会重复添加。
示例仅供说明。上线前请核对技术栈与许可。若需交付，请发来简报。