我写一篇关于它的文章的唯一

rmruhul

原因是因为我刚刚在做这门课程，我想我最好写一些补充材料来配合它，以便人们理解它，它绝对被炸毁了。所以也许我们还没有结束方法论，德鲁。

德鲁：那么您整理的课程材料实际上使用 CUBE CSS 作为其方法，是吗？

安迪：是的。因此，尽管课程内容没有限制，但实际上 50% 的课程 电报号码数据 是前端课程。它与我们构建前端的方式如此紧密地交织在一起，以至于我不能只是说，“哦，顺便说一句，这就是我编写漂亮 CSS 的方式”，然后就离开它。我知道人们喜欢深入细节，所以我想，我要做的是，我会写这篇非常长且非常详细的文章，然后如果有人想要提高技能并真正理解我们在做什么，然后他们就可以做，剩下的就从那里开始。德鲁，我们今天在这里坐下来谈论这件事。

德鲁：因此，如果有人已经了解 BEM 并且可能已经在使用 BEM，例如，因为这可能是最广泛采用的方法之一，不是吗？因此，如果他们已经了解了 BEM 并且开始使用 CUBE，那么他们会觉得这很容易采用吗？有很多相似之处还是完全不同？

安迪：是的。我想说从 BEM 到 CUBE 可能是一个平滑的过渡，尤其是我仍然喜欢为 CUBE 编写 CSS 的方式。所以大多数事情都发生在更高的层面上。所以它发生在级联级别，并且发生在全局 CSS 上，使用实用程序来做很多事情。但当你深入了解它的具体细节时，你会发现它是非常类似于 BEM 的组件、块和元素。与 BEM 唯一不同的是，我们没有使用修饰符，而是使用称为异常的东西，即，它不是使用 CSS 类，而是转向数据属性，我认为这提供了很好的分离和真实的数据属性。例外，这才是修饰符应该有的样子。

安迪：我放弃 BEM 的部分原因是因为我发现我使用它的方式，特别是在设计系统中，修饰符占主导地位，这成为一个问题，因为它就像，它的作用是什么我此时的街区？因为如果我经常将其修改到无法识别的程度，那么这种方法仍然可以发挥其应有的作用吗？



安迪然后是整个设计代币的东西，Jina 用闪电设计系统做的东西，我们现在都开始采用了。通过这种方法，实用程序类的东西真正开始有意义了。所以我就把别人作品中所有我喜欢的东西都扔掉了，转而融入我自己的作品中。

德鲁：你谈到了边界元法（BEM），这种修改器方法有点失控。这是 CUBE 试图解决的 BEM 的主要痛点之一吗？

安迪：是的，绝对是。我确实喜欢 BEM 的修改器方法，它确实有意义。我喜欢 BEM 的地方是我仍然在做的事情，是元素的双下划线，然后是修饰符的双破折号。我喜欢这种组织事情的方式。这只是一个好吧，好吧，我实际上可以用实用程序类来解释很多修饰符，然后是其他位......

安迪：所以我在文章中使用的例子是，假设你有一张卡片，然后翻转卡片，因此内容出现在图像之前。那么这就有意义了，看到 display: flex 然后你颠倒它，颠倒顺序。这是有道理的，为此制定一个例外规则，因为它是卡默认状态的例外，这就是我喜欢看到的方式。这就像该组件上的受影响状态，这就是异常，这是有道理的。