原子与有很多不同的方法来组织和

RAHIM105

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

我喜欢这种方法的地方在于，它允许您快速设置样式和主题 - 最大的缺点之一是您的标记可能 英国电话号码清单 会变得非常混乱，速度非常快。 查看John Polacek 的 CSS 技巧文章，了解 Atomic CSS 的完整介绍。 边界元法 哲学是许多现代 JavaScript 框架（如 Angular、React 和 Vue）的伟大先驱。 “BEM（块、元素、修改器）是一种基于组件的 Web 开发方法。” — BEM：快速入门 基本上，所有可以重用的东西都是一个块。块由元素、不能在块外部使用的元素以及可能的其他块组成。修饰符是描述某事物的状态或其外观或行为方式的事物。 就我个人而言，我喜欢 BEM 的理论和哲学。我不喜欢的是事物的命名方式。太多的下划线、连字符，可能会让人感觉不必要的重复（.menu、.menu__item等）。 推荐阅读：BEM For Beginners作者：Inna Belaya 谢谢你，下一个（.Js） 您充分掌握这些主题后，请不要担心，还有很多东西需要学习。一些建议： 函数式和面向对象编程 我们只是简单地触及了它，但是除了 CSS 之外还有很多东西需要学习。



旦您对 HTML 和 CSS 有了深入的了解，您接下来要处理的就是高级语言和框架Typescript、Ruby、React、Vue。 查询语言和使用数据 学习 GraphQL、MySQL、REST API 将使您的编码能力更上一层楼。 结论：编码的设计师！=软件工程师希望本文向您展示学习编码并不像您之前想象的那么困难。这可能需要很长时间，但互联网上可用的资源数量令人震惊，而且它们并没有减少 - 恰恰相反！ 我想强调的一个重要观点是“编码”与“软件工程”不同——能够分叉一个存储库并从 Stack Overflow 复制/粘贴代码可以让你走得很远，而大多数情况下，如果并不是所有的软件工程师都这样做了——你必须以智慧和谦逊的方式使用你新发现的技能。对于您现在可以通过一定的工程能力访问的所有内容，还有更多您不知道的内容。