菜单

词汇
Semantic UI 的特定术语

术语 (Terminology)

组件类型 (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