Andy Bell 精彩播客第 19 集：什么是 CUBE CSS？
是的。因此，尽管课程内容没有限制，但实际上 50% 的课程是前端课程。它与我们构建前端的方式如此紧密地交织在一起，以至于我不能只是说，“哦，顺便说一句，这就是我编写漂亮 CSS 的方式”，然后就离开它。我知道人们喜欢深入细节，所以我想，我要做的是，我会写这篇非常长且非常详细的文章，然后如果有人想要提高技能并真正理解我们在做什么，然后他们就可以做，剩下的就从那里开始。德鲁，我们今天在这里坐下来谈论这件事。 德鲁：因此，如果有人已经了解 BEM 并且可能已经在使用 BEM，例如，因为这可能是最广泛采用的方法之一，不是吗？因此，如果他们已经了解了 BEM 并且开始使用 CUBE，那么他们会觉得这很容易采用吗？有很多相似之处还是完全不同？ 安迪：是的。我想说从 BEM 到 CUBE 可能是一个平滑的过渡，尤其是我仍然喜欢为 CUBE 编写 CSS 的方式。
所以大多数事情都发生在更高的层面
所以它发生在级联级别，并且发生在全局 CSS，使用实用程序来做很多事情。但当你深入了解它的具体细节时，你会发现它是非常类似于 BEM 的组件、块和元素。与 BEM 唯一不同的是，我们没有使用修饰符，而是使用称为异常的东西，即，它不是 智利手机号码清单 使用 CSS 类，而是转向数据属性，我认为这提供了很好的分离和真实的数据属性。例外，这才是修饰符应该有的样子。 安迪：我放弃 BEM 的部分原因是因为我发现我使用它的方式，特别是在设计系统中，修饰符占主导地位，这成为一个问题，因为它就像，它的作用是什么我此时的街区？因为如果我经常将其修改到无法识别的程度，那么这种方法仍然可以发挥其应有的作用吗？ 安迪：然后是整个设计代币的东西，Jina 用闪电设计系统做的东西，我们现在都开始采用了。通过这种方法，实用程序类的东西真正开始有意义了。所以我就把别人作品中所有我喜欢的东西都扔掉了，转而融入我自己的作品中。 德鲁：你谈到了边界元法（BEM），这种修改器方法有点失控。
这是 CUBE 试图解决的 BEM
的主要痛点之一吗？ 安迪：是的，绝对是。我确实喜欢 BEM 的修改器方法，它确实有意义。我喜欢 BEM 的地方是我仍然在做的事情，是元素的双下划线，然后是修饰符的双破折号。我喜欢这种组织事情的方式。这只是一个好吧，好吧，我实际上可以用实用程序类来解释很多修饰符，然后是其他位…… 安迪：所以我在文章中使用的例子是，假设你有一张卡片，然后翻转卡片，因此内容出现在图像之前。那么这就有 AERO 领先 意义了，看到 然后你颠倒它，颠倒顺序。这是有道理的，为此制定一个例外规则，因为它是卡默认状态的例外，这就是我喜欢看到的方式。这就像该组件上的受影响状态，这就是异常，这是有道理的。 安迪：我最近做的很多东西，带有反应式 JavaScript 的现代前端堆栈，有很多状态变化，在 CSS 和 JavaScript 之间适当处理它是有意义的，因为它们变得越来越紧密彼此之间，无论你喜欢与否。这是他们的共同语言。正如你从我的脸上看到的，非常不是，但你就这样了。你可能会想，“实际上，我最近经常使用 React，所以我是反过来的。” 所以我也能看到这一点。
