版权声明：可以装载，装载请在第一行注明出处。本人文章如有侵权，请联系本人删除（或在评论区评论让我进行删除） https://blog.csdn.net/weixin_43532346/article/details/89285377
Semantic UI 的特定术语
术语类型
你好！这是一篇关于semantic ui 有关的术语的简介。
一、组件类型 (Types of Components)
Semantic UI 根据其特性将组件分成不同的类型，以下每一种都使用唯一的定义格式
| 第一列 | 第二列 |
|---|---|
| Globals | 全局是适用于整个网站风格。这些包括诸如整个完网站的CSS重置(reset)、字体、链接和大小默认值。全局包括整个网站的主题变量，其他组件可以对其进行继承和修改。 |
| Element | UI 是具有单一功能的页面元素。它们可以单独存在或以多元形式共享元素。比如，一组 按钮 可以使用 ui red buttons 作为一组单独 ui button 的子元素。 |
| Collection | 集合(Collections)是通常放在一起使用的组件，他们出现在一定的背景下。它们可以包括和扩展其他UI元素以用于某些上下文。例如 表单 可以扩展出 下拉框 或者 输入框。 |
| Views | 视图(view)是呈现特定类型的内容，通常在网站上保持一致。这些内容包括评论、动态 或者 卡片。 |
| Modules | 模块是一个组件，包括它们如何出现的定义以及它们的行为方式。这些包括 折叠菜单，下拉框和提示框等。 |
| Behaviors | 行为是描述页面元素应该如何动作的独立JavaScript组件，但并不是它们应该如何出现的方式。行为包括表单验证、状态管理和API请求路由。 |
二、工程术语 (Project Terminology)
Semantic UI 将组件分类成单独的定义组
| 第一列 | 第二列 |
|---|---|
| Component | 组件是用来分配用户元素接口的包的通用术语。 |
| Definition | 定义是一组CSS和JavaScript以描述组件的基本属性。定义使用变量来表示组件外观部分，以便它们可以随主题更改。 |
| ui | ui 是一个特殊的类名，用来区分组件的各个部分。比如， 列表 会接收 ui list 因为它有一个相应的定义，但列表项就只会接收 item。UI类名称帮助封装CSS，确保所有组件的部分在上下文中定义为“完整(whole)”组件。它也有助于更简单的发现未定义代码。只要发现 ui，是在找某一个组件。 |
三、定义术语 (Definition Terminology)
Semantic UI 定义时，定义的这些部分是一致的，并且是描述组件的常用模式。
| 第一列 | 第二列 |
|---|---|
| Component | 组件(Component)是用来分配用户元素接口的包的通用术语。 |
| Definition | 定义(Definition)是一组CSS和JavaScript以描述组件的基本属性。定义使用变量来表示组件外观部分，以便它们可以随主题更改。 |
| Types | 类型(Types)是修改元素标准外观的元素的版本。能在同一元素上同时使用类型。例如，“猫”和“狗”是动物的类型，但它们是不同的存在。 |
| Variations | 变量(Variations)可以修改元素的属性，比如尺寸，颜色。变量是相互包容的，可以一起修改元素。 |
| Content | 内容(Content)是只有在组件上下文中才有意义的。内容使用名称来描述预期内容的类型，比如标题、描述、菜单，或者项(item)。集合中的内容或视图通常包括其他组件的根版本。例如卡片让你使用图像内容，它可以通过使用ui image variations来扩展。 |
| States | 状态(States)是用来修改一个元素，帮助表明启示(affordances)的变化。常见的状态包括加载(loading)、禁用(disabled)和激活(active)。 |
| Behaviors | 行为是组件的动作。行为是简单的短语，如“设置值(set value")”或“增量(increment)”，可以在JavaScript中调用。在调用时，行为会自动从小写短语转换为内部JavaScript方法。 |
四、一般术语 (General Terms)
这些术语是通用编程术语
| 第一列 | 第二列 |
|---|---|
| Namespace | 元素的名称，用来明确声明包含应用程序的目的。 在Semantic UI中，组件被赋予类名称 UI ，以帮助区分代码中的部分元素，并提供限定定义CSS规则范围的命名空间。 |
| Gulp | Gulp 是自动命令行任务的工具 Gulpjs.com |
| NPM | NPM 是一种用于下载 Node JS 的包管理工具。 |
| Node JS | Node 是一种事件驱动的编程语言，常用来为前端开发运行命令行工具。 nodejs.org |