前端开发常见名词解释

本文收集了前端开发中的常见专业名词与核心概念,并提供了简要解释。内容涵盖语言、框架、协议等各类关键术语

#前端

A

a11y(Accessibility)

Web 无障碍访问,指让残障人士(如视障用户)也能正常使用网站和应用。

Agile

敏捷开发,一种强调快速迭代、持续交付和团队协作的软件开发模式。

AJAX

一种无需刷新页面即可与服务器交换数据的技术。

Alpine.js

一个轻量级前端框架,为 HTML 提供类似 Vue 的响应式能力。

Angular

Google 推出的完整前端框架,采用 TypeScript 开发。

Ant Design

蚂蚁集团开源的企业级 UI 组件库。

Apache

一款开源 Web 服务器软件,可用于部署网站和应用。

AS

通常指 ActionScript,一种曾用于 Flash 开发的编程语言。

Asana

项目管理与团队协作工具。

async-await

JavaScript 异步编程语法糖,使异步代码更接近同步写法。

Atomic Design

一种组件设计思想,将 UI 拆分为原子、分子、组织等层级。

axios

基于 Promise 的 HTTP 请求库。

B

Babel

JavaScript 编译器,可将 ESNext 代码转换为兼容旧浏览器的代码。

Backbone.js

早期流行的 JavaScript MVC 框架。

bash

Linux/macOS 等 Unix-like 系统上最常用的 Shell 之一(Bourne Again SHell)。

Bit

一个用于组件共享和管理的平台。

BOM(Browser Object Model)

浏览器对象模型,用于操作浏览器窗口和相关功能。

Bootstrap

老牌响应式 CSS 框架。

Bulma

基于 Flexbox 的轻量级 CSS 框架。

C

canvas

HTML5 提供的绘图 API,可用于游戏、图表和动画开发。

CDN(Content Delivery Network)

内容分发网络,通过就近节点加速资源访问。

Chai

JavaScript 断言库,常与测试框架配合使用。

Chakra UI

React 生态中的现代 UI 组件库。

Chrome DevTools

Chrome 浏览器自带的开发者调试工具。

CI / CD

持续集成与持续交付,用于自动化测试和部署。

CLI(Command Line Interface)

命令行工具接口。

CLS(Cumulative Layout Shift)

页面布局偏移指标,用于衡量页面稳定性。

Cloudflare Workers

Cloudflare 提供的边缘计算服务。

Code Review

团队成员之间互相审查代码的开发流程。

Code Splitting

代码分割技术,可按需加载资源。

Commitlint

Git Commit 信息规范检查工具。

Componentization

组件化开发思想,将页面拆分为独立可复用模块。

Context API

React 提供的跨组件数据共享机制。

Cookie

浏览器保存的小型数据,用于身份认证和状态存储。

Core Web Vitals

Google 提出的网页体验核心指标集合。

CORS

跨域资源共享机制。

Cross-browser compatibility

跨浏览器兼容性。

CSP(Content Security Policy)

内容安全策略,用于防御 XSS 等攻击。

CSRF / XSRF

跨站请求伪造攻击。

CSS

层叠样式表语言,用于页面样式开发。

CSS-in-JS

在 JavaScript 中编写 CSS 的开发模式。

CSS3

CSS 的现代标准版本。

Cypress

流行的前端 E2E 自动化测试框架。

D

Debounce

防抖技术,在连续触发事件后只执行最后一次。

Debugger

调试工具或调试过程。

Dependency Injection

依赖注入,一种降低模块耦合度的设计模式。

Design System

设计系统,统一设计规范与组件体系。

DevOps

开发与运维协作理念。

Diff 算法

用于比较新旧数据差异的算法。

DNS

域名解析系统,将域名转换为 IP 地址。

Docker

容器化平台,用于应用部署与环境隔离。

DOM(Document Object Model)

文档对象模型,是浏览器对 HTML 的对象化表示。

E

E2E Test(End-to-End Test)

端到端测试,模拟真实用户操作验证业务流程。

ECharts

百度开源的数据可视化图表库。

Egg.js

基于 Koa 的企业级 Node.js 框架。

Electron

基于 Web 技术开发桌面应用的框架。

Element UI / Element Plus

Vue 生态中流行的 UI 组件库。

Ember.js

一个成熟但已较少使用的前端框架。

Emotion

React 生态中的 CSS-in-JS 方案。

esbuild

极快的 JavaScript 打包与构建工具。

ESLint

JavaScript/TypeScript 代码规范检查工具。

ES5 / ES6

ECMAScript 标准的重要版本。

ESNext

ECMAScript 最新提案和未来标准的统称。

Expo

React Native 应用开发工具链。

Express

Node.js 最流行的 Web 框架之一。

F

Fastify

高性能 Node.js Web 框架。

FID(First Input Delay)

首次输入延迟指标,衡量页面交互响应速度。

Figma

流行的 UI/UX 设计工具。

Flutter

Google 推出的跨平台应用开发框架。

G

Gatsby

基于 React 的静态网站生成框架(SSG)。

GEO

Generative Engine Optimization,面向 AI 搜索与大模型回答场景的内容优化。

Git

分布式版本控制系统,用于代码管理与协作开发。

Git Flow

一种基于分支管理的软件开发工作流。

GitHub / GitLab / Gitee

常见代码托管平台。

GitHub Actions

GitHub 提供的 CI/CD 自动化工作流服务。

GitLab CI

GitLab 内置的持续集成与部署工具。

GraphQL

一种 API 查询语言,允许客户端按需获取数据。

Grunt

早期前端自动化构建工具。

GSAP

GreenSock Animation Platform,高性能动画库。

Gulp

基于流(Stream)的前端自动化构建工具。

H

HBuilder

DCloud 推出的前端开发 IDE。

Higher-Order Function(高阶函数)

接收函数作为参数或返回函数的函数。

Highcharts

商业化图表库,广泛用于数据可视化场景。

Hoisting

JavaScript 中变量和函数声明提升机制。

HTML

超文本标记语言,用于构建网页结构。

HTML5

HTML 的现代标准版本,引入了大量新标签和 API。

HTTP / HTTPS

Web 通信协议,其中 HTTPS 在 HTTP 基础上增加了 TLS 加密。

HTTP/2 / HTTP/3

HTTP 协议的新版本,提升传输性能与并发能力。

Husky

Git Hooks 管理工具,可在提交代码前执行检查任务。

Hybrid App

混合应用,通过 Web 技术开发并运行于原生容器中。

I

i18n(Internationalization)

国际化,为应用支持多语言和多地区环境做准备。

INP(Interaction to Next Paint)

衡量用户交互响应速度的性能指标。

Ionic

基于 Web 技术开发跨平台移动应用的框架。

ISR(Incremental Static Regeneration)

Next.js 提供的增量静态生成方案。

iview

Vue2 时代较流行的 UI 组件库。

J

Jasmine

JavaScript 测试框架。

JavaScript

Web 前端最核心的编程语言。

Jenkins

开源自动化服务器,常用于 CI/CD。

Jest

Meta(Facebook)推出的 JavaScript 测试框架。

Jira

Atlassian 推出的项目管理工具。

Jotai

React 生态中的轻量级状态管理库。

jQuery

曾经最流行的 JavaScript DOM 操作库。

JSON(JavaScript Object Notation)

轻量级数据交换格式。

JSP(Java Server Pages)

Java Web 开发技术,用于生成动态网页。

JSX

React 中用于描述 UI 的语法扩展。

JWT(JSON Web Token)

基于 Token 的身份认证标准。

K

Kanban

看板开发模式,用于任务可视化管理。

Karma

JavaScript 测试运行器。

Koa

由 Express 原班团队开发的 Node.js Web 框架。

L

Lazy Loading

懒加载技术,在需要时才加载资源。

LCP(Largest Contentful Paint)

页面最大内容渲染时间指标。

Less

CSS 预处理器。

Lighthouse

Google 提供的网站性能分析工具。

lint-staged

Git 提交前仅检查暂存区文件的工具。

Linux

开源操作系统内核及其发行版生态。

M

Material UI(MUI)

Google Material Design 风格的 React UI 组件库。

Micro Frontend

微前端架构,将大型前端应用拆分为多个独立子应用。

Mobile First

移动优先设计理念。

MobX

React 生态中的响应式状态管理库。

Mocha

JavaScript 测试框架。

Module Federation

Webpack 5 提供的模块联邦方案,可实现应用间共享模块。

MongoDB

面向文档的 NoSQL 数据库。

Monorepo

多项目统一管理在同一个代码仓库中的模式。

MVC(Model-View-Controller)

模型、视图、控制器架构模式。

MVVM(Model-View-ViewModel)

前端常见架构模式,Vue 等框架广泛采用。

MySQL

开源关系型数据库。

N

Naive UI

Vue3 生态中的现代化 UI 组件库。

Nest.js

基于 TypeScript 的 Node.js 服务端框架。

Netlify

提供静态网站托管与自动部署的平台。

Next.js

React 全栈框架,支持 SSR、SSG、ISR 等能力。

Nginx

高性能 Web 服务器与反向代理服务器。

Node.js

基于 Chrome V8 引擎的 JavaScript 运行时环境。

npm(Node Package Manager)

Node.js 官方包管理工具。

Nuxt.js

Vue 全栈框架,对应 Vue 生态中的 Next.js。

O

OAuth

开放授权协议,允许第三方应用获取用户授权资源。

Observer Pattern(观察者模式)

一种行为型设计模式,实现对象间的一对多通知机制。

P

Parcel

零配置前端打包工具。

Performance Optimization(性能优化)

提升页面加载速度、运行效率和用户体验的技术实践。

Pinia

Vue 官方推荐的状态管理库。

Playwright

微软推出的现代化自动化测试框架。

pnpm

高性能 Node.js 包管理工具。

PostCSS

CSS 后处理工具,可通过插件扩展 CSS 能力。

Preact

React 的轻量级替代方案。

Prefetch / Preload

浏览器资源预加载技术。

Prettier

自动代码格式化工具。

Prisma

现代化 TypeScript ORM 框架。

Promise

JavaScript 原生异步编程解决方案。

Prototype Chain(原型链)

JavaScript 对象实现继承的核心机制。

Proxy Pattern(代理模式)

通过代理对象控制目标对象访问的设计模式。

PHP

广泛应用于 Web 开发的服务端脚本语言。

Publish-Subscribe Pattern(发布订阅模式)

通过消息中介实现对象间解耦通信的设计模式。

Puppeteer

Google 推出的浏览器自动化控制工具。

PWA(Progressive Web App)

渐进式 Web 应用,可提供接近原生应用的体验。

Q

(暂无)

R

React

Meta 推出的组件化前端开发库。

React Native

使用 React 开发原生移动应用的框架。

React Testing Library

React 官方推荐的组件测试工具库。

Recoil

React 状态管理库。

Redux

React 生态最经典的状态管理方案之一。

Remix

基于 React 的全栈框架。

Responsive Design(响应式设计)

让页面适配不同屏幕尺寸的设计方案。

RESTful API

基于 REST 架构风格设计的接口规范。

Rollup

专注于库开发的 JavaScript 打包工具。

S

Sass / SCSS

CSS 预处理器,提供变量、嵌套等高级功能。

Scrum

敏捷开发中的一种项目管理框架。

Semantic UI

基于语义化命名的 UI 框架。

SEO(Search Engine Optimization)

搜索引擎优化技术。

Serverless

无服务器架构,由云平台管理基础设施。

Session

服务端会话机制,用于保存用户状态。

Shadow DOM

Web Components 的核心技术之一,用于实现样式与结构隔离。

Shell 脚本

使用 Shell 编写的自动化脚本。

Shopify

全球知名电商建站平台。

Singleton Pattern(单例模式)

保证一个类只有一个实例的设计模式。

Snowpack

基于 ESM 的现代前端构建工具。

Source Map

用于将压缩代码映射回源代码的调试文件。

SQL Injection(SQL 注入)

通过恶意 SQL 语句攻击数据库的安全漏洞。

SSG(Static Site Generation)

静态网站生成技术。

SSR(Server Side Rendering)

服务端渲染技术。

SSE(Server-Sent Events)

服务端主动向浏览器推送数据的通信技术。

Storybook

用于独立开发和展示组件的工具。

Strategy Pattern(策略模式)

将算法封装并可动态切换的设计模式。

Styled Components

React 生态中的 CSS-in-JS 方案。

Stylelint

CSS 代码规范检查工具。

Stylus

CSS 预处理器。

Svelte

编译时前端框架。

SVN(Subversion)

集中式版本控制系统。

SWC

Rust 编写的高性能 JavaScript/TypeScript 编译器。

T

Tailwind CSS

原子化 CSS 框架。

TanStack Query

用于服务端状态管理和数据请求缓存的库。

Taro

多端统一开发框架。

Tauri

基于 Rust 的桌面应用开发框架。

TCP / IP

互联网通信协议基础。

TDD(Test-Driven Development)

测试驱动开发模式。

Testing Library

一套以用户行为为中心的测试工具体系。

Three.js

Web 3D 图形开发库。

Throttle

节流技术,限制函数执行频率。

TLS

网络传输加密协议。

Token

用于身份认证和权限验证的数据凭证。

Tomcat

Java Web 应用服务器。

Tree Shaking

构建时移除未使用代码的优化技术。

Trello

看板式项目管理工具。

TypeORM

TypeScript ORM 框架。

TypeScript

JavaScript 的超集,提供静态类型系统。

U

umi.js

蚂蚁集团推出的企业级前端框架。

uni-app

多端统一开发框架。

Unit Test(单元测试)

针对最小功能单元进行测试的方法。

UnoCSS

即时生成的原子化 CSS 引擎。

V

Vant

Vue 移动端 UI 组件库。

Vercel

Next.js 官方推荐部署平台。

Version Control(版本控制)

管理代码历史变更的技术。

Virtual DOM

虚拟 DOM,是前端框架用于优化渲染的一种机制。

Virtual Scrolling

虚拟滚动技术,用于优化长列表渲染性能。

Vite

新一代前端构建工具。

Vitest

基于 Vite 的测试框架。

Vue CLI

Vue 官方脚手架工具。

Vue Test Utils

Vue 官方测试工具库。

Vue.js

渐进式 JavaScript 前端框架。

Vuex

Vue2 时代主流状态管理库。

W

W3C(World Wide Web Consortium)

Web 标准制定组织。

Web API

浏览器提供的原生接口集合。

Web Vitals

Google 提出的网页性能指标体系。

WebGL

浏览器中的 3D 图形渲染 API。

WebKit

浏览器渲染引擎。

Webpack

前端模块打包工具。

WebSocket

浏览器与服务器双向实时通信协议。

Weex

阿里巴巴推出的跨平台开发框架。

X

XML(Extensible Markup Language)

可扩展标记语言,用于存储和传输数据的文本格式。

XSS(Cross-Site Scripting)

跨站脚本攻击,通过注入恶意脚本危害用户安全。

Y

yarn

Facebook 推出的 Node.js 包管理工具。

Z

zsh

功能增强型 Unix Shell。

Zustand

React 生态中的轻量级状态管理库。