如何准确命名 UI 组件？

Question

我正在尝试为以下组件找到一个准确的名称，但意识到我不知道该怎么称呼它。

它由一个标题（可选）、一个显示在中心的值和两个用于增加/减少值的按钮组成。 可能是CountSelector，HorizontalCounter，我不知道……

对我来说，准确的名字应该是：

• 具有意义并立即描述组件是什么（无需查看代码，甚至无需查看渲染的组件）
• 其中一个是可搜索且相当标准的（例如，如果我搜索“面包屑”，我会立即找到示例，任何设计师或 FE 工程师都会知道我在说什么）

命名非常重要，但我发现很多时候我不知道如何定义我正在构建的 UI 组件，所以我的问题的第二部分是：哪些是列出各种组件的好资源并且可以用作命名的示例/参考？

Answer 1

我会使用名称 steppableIntegerField、steppableNumericField，或者只是 steppableField。

这是导致选择的策略。当你需要想出一个名字时，最好先找到一个名词来描述最一般意义上的事物或概念。在这种情况下，它是一个输入字段。这将是标识符中的最后一个单词。然后，您尝试在使用标识符的上下文中找到以足够精确度描述事物的属性词。在这种情况下，需要一个整数或十进制数，因此 integerField 或 numericField 是一个不错的选择。你的输入框的特点还在于它有递增和递减步进按钮，因此我们也可以添加steppable这个词来与其他没有这些按钮的输入字段区分开来。