📖 术语表 · 前端历史关键术语速查
怎么用
中英对照 + 一句话解释 + 链到相关笔记。看叙事或专题时遇到不认识的词,回这里扫一眼即可。按主题分组,方便检索。
一、渲染模式
| 术语 | 英文 / 全称 | 一句话解释 | 相关 |
|---|---|---|---|
| MPA | Multi-Page Application | 多页应用,每次跳转都向服务端要一个完整 HTML 页面(传统网站) | 渲染模式演进史 |
| SPA | Single-Page Application | 单页应用,只加载一次 HTML,后续靠 JS 动态换内容,无整页刷新 | 2013-2018 SPA时代 |
| SSR | Server-Side Rendering | 服务端渲染,首屏 HTML 在服务器生成后发给浏览器,解决白屏/SEO | 渲染模式演进史 |
| SSG | Static Site Generation | 静态站点生成,构建时就把页面预渲染成静态 HTML | 渲染模式演进史 |
| ISR | Incremental Static Regeneration | 增量静态再生,SSG 基础上让部分页面按需/定时重新生成 | 渲染模式演进史 |
| RSC | React Server Components | 服务端组件,组件在服务端运行且不下发其 JS,减小 bundle | 渲染模式演进史 |
| 水合 | Hydration | 把服务端渲染好的”死” HTML,在浏览器端”注水”绑定事件,变成可交互的 SPA | 渲染模式演进史 |
二、范式与核心概念
| 术语 | 英文 / 全称 | 一句话解释 | 相关 |
|---|---|---|---|
| 命令式 | Imperative | 一步步告诉程序”怎么做”(手动操作 DOM) | 演进逻辑-五个永恒矛盾 |
| 声明式 | Declarative | 只描述”想要什么结果”,怎么实现交给框架(UI=f(state)) | React |
| 虚拟 DOM | Virtual DOM | 内存中的轻量 DOM 副本,通过 diff 计算最小更新再应用到真实 DOM | React |
| 双向绑定 | Two-way Binding | 数据变视图变、视图变数据也变(AngularJS 招牌,也是性能痛点之源) | AngularJS |
| 单向数据流 | One-way Data Flow | 数据只能自上而下流动,变更可预测、可追踪(React/Redux 范式) | Redux |
三、工程化与构建
| 术语 | 英文 / 全称 | 一句话解释 | 相关 |
|---|---|---|---|
| HMR | Hot Module Replacement | 热模块替换,改代码后只更新变动模块而不刷新整页,保留应用状态 | Vite |
| Tree-shaking | Tree-shaking | 构建时摇掉没被引用的”死代码”,减小产物体积(依赖 ESM 静态分析) | Rollup |
| 代码分割 | Code Splitting | 把大 bundle 按路由/组件拆成小块,按需加载,优化首屏 | Webpack |
| 转译 / 编译 | Transpile / Compile | 把一种源码转成另一种(JSX/TS/ES6 → 老浏览器能跑的 JS) | Babel |
| Polyfill | Polyfill | 用 JS 补丁让老浏览器具备新 API(垫片) | Babel |
| AST | Abstract Syntax Tree | 抽象语法树,把代码解析成树形结构,是编译/转译/lint 的基础 | Babel |
| 幽灵依赖 | Phantom Dependency | 没在 package.json 声明却能 import 成功的依赖(npm 扁平化的隐患,pnpm 解决) | 为什么pnpm解决了依赖问题 |
四、模块系统
| 术语 | 英文 / 全称 | 一句话解释 | 相关 |
|---|---|---|---|
| ESM | ES Modules | JS 语言原生模块标准(import/export),静态可分析,现代标准 | ES-Modules |
| CommonJS | CommonJS (CJS) | Node.js 的模块规范(require/module.exports),同步加载,服务端为主 | Node.js |
| AMD | Asynchronous Module Definition | 浏览器端异步模块规范(RequireJS 代表),ESM 出现前的方案 | 前端工程化演进史 |
| UMD | Universal Module Definition | 兼容 AMD+CommonJS+全局变量的”万能”包装,库作者常用 | 前端工程化演进史 |
五、运行时与底层
| 术语 | 英文 / 全称 | 一句话解释 | 相关 |
|---|---|---|---|
| JIT | Just-In-Time Compilation | 即时编译,运行时把热点 JS 字节码编译成机器码提速(V8 的核心) | Chromium-引擎之争 |
| V8 | V8 Engine | Google 的高性能 JS 引擎,Chrome 与 Node.js 的心脏 | Node.js |
六、AI 时代
| 术语 | 英文 / 全称 | 一句话解释 | 相关 |
|---|---|---|---|
| LLM | Large Language Model | 大语言模型,AI 编程能力的底座(GPT/Claude 等) | AI编程演进史 |
| Tool Use | Tool Use / Function Calling | 让模型调用外部工具(读文件、跑命令、查 API)的能力,Agent 的基础 | Agent与MCP |
| Agent | AI Agent | 能自主多步规划 + 调用工具 + 执行任务的 AI(不只是补全) | Agent与MCP |
| MCP | Model Context Protocol | 模型上下文协议,标准化 AI 与工具/数据源对接的”USB-C” | Agent与MCP |
| AI-Native | AI-Native Development | 以 AI 为一等公民重新设计的开发范式,自然语言成为新”源代码” | AI-Native-Development |
没找到某个词?
多数术语在对应的技术专题笔记里有完整展开。从 MOC-前端技术演化史 进入对应领域的演进史总览,通常能找到详细解释。
🔗 相关:MOC-前端技术演化史 | 知识库使用说明 | 关系图谱-技术因果链 | 时间线总览 | 演进逻辑-五个永恒矛盾