说的效用是什么意思呢

rmruhul

那么我们所
安迪：所以这是一个只做一项工作的类，而且做得非常好。这可能是设计令牌的实现，它是属性的抽象。通常是颜色或排版样式、大小和诸如此类的规则。这个想法是您生成应用这些的实用程序类。因此，您已经有了一个实用程序，可以应用背景原色（类似于原色），然后应用原色（即文本颜色）。然后，您可能会生成一些用于边缘填充的间距标记，以及所有这些类型的东西。他们只做一份工作。他们只是添加一种间距规则、一种颜色规则，仅此而已。

安迪：但你还有其他实用程序。包装实用程序就是一个很好的例子。它会做 电报号码数据 的是，它会在元素上设置最大宽度，然后会设置左右自动边距以将其放置在元素的中间。所以它只得到了一份工作，而且它只是高效、出色地完成它。

安迪：所以你已经有了你的全局样式，你已经完成了很多排版设置和很多地板空间。然后你的作文给出了背景和布局。然后，实用程序将标记直接应用于元素，为它们提供您需要的样式。例如，就像标题一样，您可以说：“我希望它是这个尺寸，我希望它有这个引线，我希望它有这个尺寸。” 然后在那一点上......这就是我所说的关于块的......然后你进一步深入堆栈，你已经完成了此时的大部分工作。

安迪：因此，它们为您提供了这种真正高效的工作方式，而且由于 HTML 也在某种程度上顺流而下，我发现将工作负载抽象到 HTML 而不是 CSS 上真的很好。我曾经真正进入实用程序类，就像这种旧的脾气暴躁的风格，“哦，关注点分离”，但我实际上认为这是一种非常不错的工作方式。我在文章中提到我实际上很喜欢 Tailwind CSS。我认为它确实有效，而且我真的很喜欢用它来输入产品，因为我真的可以很快地发布一些东西。但我认为这有点太过分了，Tailwind 也是如此，而当它超出了在类上应用单一规则的范围时，我喜欢倾注大量的精力。我想就是这样。你？

德鲁：所以，是的，你在文章中谈论了很多关于设计令牌的内容，这也是我们在第三集中与吉娜·安妮在 Smashing Podcast 上讨论过的内容，我认为是这样。所以听起来设计令牌是一个非常基本的方面。



安迪：是的。哦，上帝，是的。我清楚地记得吉娜在做闪电设计系统的事情，因为我当时正在构建一个设计系统，或者类似设计系统的东西，我们正在努力获得行政部门的批准。当闪电设计系统问世时，我实际上只是向他们发送了一个又一个的链接，然后我说：“这就是我们正在做的事情。我们正在建立一个设计系统。这就是 Salesforce 目前使用它的目的。” 我记得她当时的工作实际上帮助我把东西搬进门。

安迪：然后，设计令牌的东西一直困扰着我，因为它是应用这些规则的一个非常好的方法。因为我是一名设计师，所以我可以看到这种组织以及组织和创建单一事实来源的能力非常有用，因为这是我们在数字设计中真正拥有的东西，尤其是在 Adob​​e 中在使用 Photoshop 之类的工具的时代，我们只是没有那么奢侈。我们有它的印刷版和潘通色卡，但我们没有数字版，店里到处都有随机的十六进制代码。

安迪：所以这真是太棒了。我喜欢这种程度的控制。事实上，我认为这有助于创造力，因为你不再考虑不重要的事情，你只是考虑你正在用它做什么。