Tailwind 与 BEM

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费积分!

Eric Bailey 撰写了一些非常令人耳目一新的 技术比较文章。 就像,你知道的,生活中的一切,我们不必讨厌或热爱所有事物。 我喜欢说“小熊的想法”。 存在利弊。 这里的每个要点都经过精心考虑且有效。 我真的很喜欢每个部分中的第一个要点,所以我会在这里引用它们作为示例

Tailwind 优势:“实用程序 CSS 方法创建了一种思考 CSS 的 API 风格方法,这有助于许多开发人员使用它。”

Tailwind 劣势:“除了学习 CSS 属性名称之外,您还需要学习 Tailwind 类名称才能找出所需的视觉样式。 Tailwind 依赖于 CSS,并且将被 CSS 淘汰,因此长期而言,直接关注 CSS 的功能更有益。”

BEM 优势:“BEM 允许您以灵活且可扩展的方式描述您能想到的任何用户界面组件。 由于它是一种封装 CSS 属性全范围的方法,因此它允许您设置 Tailwind 没有类的样式——想想高度艺术化的体验。”

BEM 劣势:“BEM 全力以赴地解决计算机科学中最棘手的问题之一——命名事物。 您不仅需要描述您的组件,还需要描述其所有组成部分及其状态。”


请记住,这些当然不是街区上唯一的两种选择。 我在这里介绍了我对其他一些方法的想法 这里

直接链接 →