不要重复自己 （不要重复自己

RAHIM23

是我最喜欢的原则之一——创建可以反复重用的东西是编码时可以取得的小胜利之一。 虽然您通常不能（并且可以说不应该）每次都努力 100% 地应用 DRY 原则，但了解这一点至少是有益的，这样您在工作时就可以考虑如何可以使您正在处理的任何内容更加可重用。 关于三法则的注释： DRY 原则的推论是三法则——本质上，一旦你重复使用（复制/粘贴）某个东西三次，你应该将其重写为可重复使用的组件。与海盗守则一样，它更多地是一个指南，而不是一个硬性规定，并且可能因组件和项目的不同而有所不同。


在 Smashing 杂志上做广告 CSS 和样式方法：原子与 BEM # 有很 丹麦电话号码表  多不同的方法来组织和编写 CSS 代码 - Atomic 和 BEM 只是您可能遇到的众多方法中的两种。您不必“选择”其中任何一个，也不必完全遵循它们。我合作过的大多数团队通常都有自己独特的组合，基于项目或技术。熟悉它们很有帮助，这样随着时间的推移，您就可以了解根据情况采取哪种方法。 所有这些方法都超出了“仅仅”CSS 和样式的范围，并且通常会影响您使用的工具、组织文件的方式以及潜在的标记。 原子 CSS # 不要与原子网页设计混淆——原子（也许更恰当地称为“功能性”）CSS，是一种本质上倾向于使用小型、单一用途的类来定义视觉功能的方法。





一些著名的库： 原子 CSS，作者：Steve Carlson； 亚当·莫尔斯 ( Adam Morse)的快子； 由Adam Wathan设计的Tailwind CSS。 我喜欢这种方法的地方在于，它允许您快速设置样式和主题 - 最大的缺点之一是您的标记可能会变得非常混乱，速度非常快。 查看John Polacek 的 CSS 技巧文章，了解 Atomic CSS 的完整介绍。 边界元法 # BEM 哲学是许多现代 JavaScript 框架（如 Angular、React 和 Vue）的伟大先驱。 “BEM（块、元素、修改器）是一种基于组件的 Web 开发方法。