术语库

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。

Build

把开发时写的源代码转换、压缩、合并成浏览器能直接运行的文件的过程，产物用于部署上线。

Dev Server

在自己电脑上临时运行项目的服务，用来边写边预览，通常在浏览器里通过 localhost 加端口号访问。

Hot Module Replacement

保存代码后，开发服务器自动把改动推送到浏览器，页面立即更新，往往还能保留当前的输入和状态。

Deployment

把构建好的项目放到公网服务器或托管平台上，让别人能通过网址访问的过程。

Environment Variable

放在代码之外、按运行环境区分的配置值，比如接口地址和密钥，避免把敏感信息写死在代码里。

Git

记录代码每一次改动历史的版本管理工具，可以随时回到之前的版本，也方便多人协作。

Developer Tools

浏览器内置的调试面板，按 F12 打开，可以查看页面结构、样式、报错信息和网络请求。

Cross-Origin Resource Sharing

浏览器出于安全只默认允许请求同源地址，请求其他域名或端口的接口需要对方服务器明确允许，否则报跨域错误。

Local Storage

浏览器提供的一小块本地存储空间，可以保存少量数据，关掉页面再打开也还在。