前端开发中常见英文缩写及其全称

一、核心技术与语言

缩写	英文全称	中文解释
HTML	HyperText Markup Language	超文本标记语言，网页的骨架。
XML	eXtensible Markup Language	可扩展标记语言，用于存储和传输数据。
CSS	Cascading Style Sheets	层叠样式表，负责网页的样式和布局。
JS	JavaScript	一种脚本编程语言，负责网页的交互和行为。
TS	TypeScript	JavaScript 的超集，添加了静态类型系统。
DOM	Document Object Model	文档对象模型，将 HTML 文档表示为节点树。
BOM	Browser Object Model	浏览器对象模型，提供与浏览器窗口交互的接口。
SVG	Scalable Vector Graphics	可缩放矢量图形，使用 XML 定义矢量图。
W3C	World Wide Web Consortium	万维网联盟，制定 Web 标准的国际组织。
WHATWG	Web Hypertext Application Technology Working Group	网页超文本应用技术工作小组，推动 HTML5 标准。

二、框架与库

缩写	英文全称	中文解释
React	-	由 Facebook 开发的用于构建用户界面的 JS 库。
Vue	-	一套用于构建用户界面的渐进式 JavaScript 框架。
Angular	-	由 Google 开发的一个平台和框架，用于构建单页面应用。
Svelte	-	一个将应用构建编译为高效原生 JS 代码的框架。
jQ	jQuery	一个快速、小巧、功能丰富的 JavaScript 库。
RN	React Native	使用 React 构建原生移动应用的框架。

三、工程化与构建工具

缩写	英文全称	中文解释
npm	Node Package Manager	Node.js 的包管理器，也是最大的软件注册库。
Yarn	-	由 Facebook 开发的快速、可靠、安全的依赖管理工具。
pnpm	Performance npm	一个更快速、更节省磁盘空间的包管理器。
CLI	Command-Line Interface	命令行界面。
CDN	Content Delivery Network	内容分发网络，加速静态资源的加载。
Babel	-	一个 JavaScript 编译器，主要用于将 ES6+ 代码转换为向后兼容的 JS 代码。
Webpack	-	一个现代 JavaScript 应用程序的静态模块打包器。
Vite	(法语，意为“快”)	一种新型的前端构建工具，提供更快的开发服务器启动和热更新。
Rollup	-	一个 JavaScript 模块打包器，尤其适合库的打包。
Parcel	-	一个零配置的 Web 应用程序打包器。

四、概念与模式

缩写	英文全称	中文解释
API	Application Programming Interface	应用程序编程接口，用于软件组件间交互。
SPA	Single Page Application	单页面应用，通过动态重写当前页面来与用户交互。
SSR	Server-Side Rendering	服务端渲染，在服务器端生成完整的 HTML 页面。
CSR	Client-Side Rendering	客户端渲染，在浏览器中通过 JS 渲染页面内容。
SSG	Static Site Generation	静态站点生成，在构建时生成静态 HTML 文件。
PWA	Progressive Web App	渐进式 Web 应用，提供类似原生应用体验的 Web 应用。
SEO	Search Engine Optimization	搜索引擎优化，提高网站在搜索引擎中的排名。
UI	User Interface	用户界面。
UX	User Experience	用户体验。
a11y	Accessibility	可访问性（11 是 accessibility 中 a 和 y 之间的字母数）。
i18n	Internationalization	国际化（18 是 internationalization 中 i 和 n 之间的字母数）。
l10n	Localization	本地化（10 是 localization 中 l 和 n 之间的字母数）。
CRUD	Create, Read, Update, Delete	增删改查，描述持久存储的基本操作。
MVC	Model-View-Controller	模型-视图-控制器，一种软件设计模式。
MVP	Model-View-Presenter	模型-视图-表示器，MVC 模式的一种衍生模式。
MVVM	Model-View-ViewModel	模型-视图-视图模型，一种软件架构模式。

五、数据与通信

缩写	英文全称	中文解释
JSON	JavaScript Object Notation	JavaScript 对象表示法，一种轻量级的数据交换格式。
AJAX	Asynchronous JavaScript and XML	异步 JavaScript 和 XML，无需重新加载整个网页的情况下更新部分内容的技术。
REST	Representational State Transfer	表述性状态传递，一种设计 Web API 的风格。
GraphQL	-	一种用于 API 的查询语言，允许客户端精确地请求所需的数据。
HTTP	HyperText Transfer Protocol	超文本传输协议。
HTTPS	HyperText Transfer Protocol Secure	超文本传输安全协议。
URL	Uniform Resource Locator	统一资源定位符，即网页地址。
URI	Uniform Resource Identifier	统一资源标识符，URL 是 URI 的子集。
WebSocket	-	一种在单个 TCP 连接上进行全双工通信的协议。

六、CSS 相关

缩写	英文全称	中文解释
SASS	Syntactically Awesome Stylesheets	一种 CSS 预处理器，扩展了 CSS 的功能。
SCSS	Sassy CSS	SASS 3 引入的新语法，完全兼容 CSS 语法。
LESS	Leaner Style Sheets	另一种 CSS 预处理器。
PostCSS	-	一个用 JavaScript 工具和插件转换 CSS 的工具。
BEM	Block, Element, Modifier	一种流行的 CSS 命名方法论。
OOCSS	Object-Oriented CSS	面向对象的 CSS，一种 CSS 代码组织和编写的方法。

七、性能与安全

缩写	英文全称	中文解释
FCP	First Contentful Paint	首次内容绘制，测量页面开始加载的时间点。
LCP	Largest Contentful Paint	最大内容绘制，测量视窗内最大元素绘制完成的时间。
FID	First Input Delay	首次输入延迟，测量用户首次与页面交互到浏览器响应的延迟。
CLS	Cumulative Layout Shift	累积布局偏移，测量页面视觉稳定性。
TTI	Time to Interactive	可交互时间，测量页面完全可交互所需的时间。
CORS	Cross-Origin Resource Sharing	跨域资源共享，允许浏览器向跨源服务器发送请求。
CSRF	Cross-Site Request Forgery	跨站请求伪造，一种攻击方式。
XSS	Cross-Site Scripting	跨站脚本攻击，一种注入恶意脚本的攻击方式。
CSP	Content Security Policy	内容安全策略，用于检测和减轻某些类型的攻击。

八、职位相关

缩写	英文全称	中文解释
RD	Research and Development	研发
FE	Front-End	前端
BE	back-end	后端
QA	quality assurance	测试，质量保证
UE/UX	User Experience	用户体验
OP	Operations	运维
PM	Project Manager	项目经理