前端常用术语速查（带英文原意）

只列工作中高频遇到的
按使用频率排序

一、必知必会（前 10）

1. DOM

• 全称：Document Object Model
• 中文：文档对象模型
• 场景：天天写 document.getElementById
• 一句话：浏览器把 HTML 转成对象结构，让你用 JS 操作页面

2. CDN

• 全称：Content Delivery Network
• 中文：内容分发网络
• 场景：静态资源放 CDN 加速
• 一句话：把文件放到全国各地服务器上，用户从最近的地方下载

3. CORS

• 全称：Cross-Origin Resource Sharing
• 中文：跨域资源共享
• 场景：联调报错 No 'Access-Control-Allow-Origin'
• 一句话：A 网站的 JS 想调 B 网站的接口，B 得在响应头里说”我同意”

4. GC

• 全称：Garbage Collection
• 中文：垃圾回收
• 场景：内存泄漏排查
• 一句话：V8 引擎自动把没用的对象清理掉，腾出内存

5. XSS

• 全称：Cross-Site Scripting
• 中文：跨站脚本攻击
• 场景：用户输入了 <script> 被直接渲染
• 一句话：恶意代码注入到页面上，偷你的 cookie 或跳转钓鱼网站

6. CSRF

• 全称：Cross-Site Request Forgery
• 中文：跨站请求伪造
• 场景：用户 cookie 被利用发了恶意请求
• 一句话：你登录了银行网站没退出，又打开了一个钓鱼网站，它用你的 cookie 转账

7. HMR

• 全称：Hot Module Replacement
• 中文：热更新 / 热模块替换
• 场景：改代码页面不刷新就变了
• 一句话：不用刷页面，改了代码立即生效，状态还在

8. CI / CD

• 全称：Continuous Integration / Continuous Deployment
• 中文：持续集成 / 持续部署
• 场景：git push 后自动跑测试、自动部署上线
• 一句话：代码提交后自动检查、自动发布，不用手动运维

9. SSR / CSR

• 全称：Server-Side Rendering / Client-Side Rendering
• 中文：服务端渲染 / 客户端渲染
• 场景：首屏性能优化讨论
• 一句话：SSR 是后端拼好 HTML 返回，CSR 是前端 JS 渲染页面

10. FPS

• 全称：Frames Per Second
• 中文：每秒帧数
• 场景：页面卡顿排查
• 一句话：60fps 流畅不卡，30fps 以下明显掉帧

二、性能 & 监控

OOM

• 全称：Out of Memory
• 中文：内存溢出
• 场景：App 闪退，图片加载太多内存爆了

LCP

• 全称：Largest Contentful Paint
• 中文：最大内容绘制
• 场景：页面最大元素（主图/标题）多久加载完

CLS

• 全称：Cumulative Layout Shift
• 中文：累计布局偏移
• 场景：页面加载时突然跳一下

INP

• 全称：Interaction to Next Paint
• 中文：交互到下一次绘制
• 场景：点按钮后多久页面有反馈

RAF

• 全称：requestAnimationFrame
• 中文：请求动画帧
• 场景：做动画不要用 setInterval，用这个

TTI

• 全称：Time to Interactive
• 中文：可交互时间
• 场景：页面啥时候能点

三、网络 & 架构

SSG

• 全称：Static Site Generation
• 中文：静态站点生成
• 场景：博客/文档站，构建时生成 HTML

SPA

• 全称：Single Page Application
• 中文：单页应用
• 场景：前端路由，页面切换不刷新

MPA

• 全称：Multi Page Application
• 中文：多页应用
• 场景：每个页面独立 HTML

PWA

• 全称：Progressive Web App
• 中文：渐进式 Web App
• 场景：网页可以离线访问、添加到桌面

SSE

• 全称：Server-Sent Events
• 中文：服务端推送事件
• 场景：服务端单向推送消息，比 WebSocket 轻量

BFF

• 全称：Backend For Frontend
• 中文：前端专属后端
• 场景：前端自己搭一个 Node 层做接口聚合

四、工程化 & 构建

ESM / CJS

• 全称：ES Module / CommonJS
• 中文：ES 模块 / CommonJS 模块
• 场景：import vs require，搞混了会报错

AST

• 全称：Abstract Syntax Tree
• 中文：抽象语法树
• 场景：Babel / ESLint / Prettier 都靠它工作

SEO

• 全称：Search Engine Optimization
• 中文：搜索引擎优化
• 场景：百度搜不到我们的页面

五、其他高频

i18n

• 全称：Internationalization（I + 18 个字母 + N）
• 中文：国际化
• 场景：项目要做英文版，上多语言

L10n

• 全称：Localization（L + 10 个字母 + N）
• 中文：本地化
• 场景：不只是翻译，还包括日期格式、货币符号

A11Y

• 全称：Accessibility（A + 11 个字母 + Y）
• 中文：无障碍访问
• 场景：让盲人也能用你的网站

SDK

• 全称：Software Development Kit
• 中文：软件开发工具包
• 场景：接入微信支付/支付宝/友盟，都叫接 SDK

六、协作 & 文档

PRD

• 全称：Product Requirements Document
• 中文：产品需求文档
• 场景：产品经理写的，开发照着做

RFC

• 全称：Request For Comments
• 中文：技术方案评审
• 场景：大改动先写 RFC，大家 review 完再动手

DAU / MAU

• 全称：Daily Active Users / Monthly Active Users
• 中文：日活跃用户 / 月活跃用户
• 场景：汇报时说”我们这个月 DAU 涨了 20%”

面试最常问的前 10 个（按频率）：

DOM → CDN → CORS → GC → XSS → CSRF → HMR → CI/CD → SSR/CSR → FPS

记法：面试聊到性能会说 FPS/OOM，聊到安全会说 XSS/CSRF，聊到部署会说 CI/CD，聊到开发体验会说 HMR。每个方向记两三个，够用。