术语库

Color Palette

界面使用的一整套颜色及用法规则，包括品牌主色、黑白灰中性色和表示成功、警告、错误的功能色。

Color Contrast

文字颜色和背景颜色之间的明暗差异，差异太小会看不清，无障碍标准要求正文对比度至少 4.5:1。

Border Radius

把元素的直角变成圆弧的 CSS 效果，数值越大越圆，是决定界面风格偏硬朗还是偏柔和的关键之一。

Box Shadow

在元素下方加一层模糊的暗影，让它看起来浮在页面之上，阴影越大越柔，元素显得越高。

Dark Mode

用深色背景搭配浅色文字的界面配色方案，可以跟随系统设置自动切换，也可以让用户手动选择。

CSS Custom Properties

在 CSS 里给一个值起名字、存起来反复使用，改一处就能全局生效，常用来管理颜色、间距和主题。

Design Token

把颜色、字号、间距、圆角、阴影等设计决定抽成有名字的变量，让设计稿和各端代码共用同一套规范。

Tailwind CSS

工具类优先的 CSS 框架，直接在 class 里写 flex、p-4、text-lg 这样的短类名来完成样式。

Visual Hierarchy

用大小、粗细、颜色、位置和留白区分信息的主次，让用户一眼看出先看什么、再看什么、该点哪里。

Alignment

让页面元素沿着同一条看不见的线排列，比如左对齐、居中、右对齐、垂直居中，让界面整齐有序。

CSS Units

表示长度的单位，常用的有固定像素 px、跟随字号的 rem 和 em、按窗口比例的 vw、vh，以及百分比。

Icon

用简洁的小图形表示操作或含义，比如放大镜表示搜索、垃圾桶表示删除，通常来自统一风格的图标库。

HyperText Markup Language

描述网页结构和内容的标记语言，用标签告诉浏览器哪里是标题、段落、按钮、图片。

Cascading Style Sheets

控制网页外观的样式语言，负责颜色、字体、间距、布局和动画，让 HTML 骨架变得好看、好用。

JavaScript

让网页「动起来」的编程语言，负责点击响应、数据请求、页面更新等交互逻辑。

TypeScript

在 JavaScript 基础上加入类型标注的语言，能在代码运行前发现很多拼写和数据格式错误。

Document Object Model

浏览器把 HTML 解析后在内存里生成的树形结构，JavaScript 通过它读取和修改页面内容。

Component

把页面拆成可独立编写、可重复使用的小块，每块自带结构、样式和逻辑，像搭积木一样拼成页面。

Props

父组件传给子组件的数据，就像给函数传参数，子组件只读不改，用它决定自己显示什么。

State

组件自己记住、会随用户操作变化的数据，状态一变，页面对应的部分就会自动重新渲染。

Hooks

React 中以 use 开头的一类函数，让函数组件拥有状态、副作用等能力，也能用来封装可复用的逻辑。

Router

决定「哪个网址显示哪个页面」的规则，负责在不同页面之间切换，并同步浏览器地址栏。

Single Page Application

只加载一次页面外壳，之后切换页面都由浏览器里的 JavaScript 完成、不整页刷新的网站形式。

Server-Side Rendering

用户每次访问时，由服务器先把页面生成完整的 HTML 再发给浏览器，首屏快，也利于搜索引擎收录。

Static Site Generation

在构建时就把每个页面提前生成为 HTML 文件，访问时直接返回现成文件，速度快、部署简单。

Application Programming Interface

前端向后端要数据、提交数据的约定入口，规定了访问哪个地址、传什么参数、返回什么格式。

JavaScript Object Notation

一种用花括号和键值对表示数据的文本格式，前后端传数据、项目配置文件大多使用它。

Frontend Framework

规定组件怎么写、数据变了页面怎么更新、页面怎么组织的一整套基础设施，如 React、Vue。

Component Library

别人做好、可以直接安装使用的一整套界面组件，如按钮、表单、弹窗，风格统一，省去从零编写。

Package Manager

负责下载、安装和管理项目所依赖的第三方代码包的工具，常见的有 npm、pnpm、yarn。