术语表

按字母排序,每条包含术语名和 1-2 句解释。

A

async/await — JS 异步编程的主力写法。async 函数自动返回 Promise,await 暂停函数直到 Promise 完成。

AI SDK — Vercel 的 TypeScript AI 工具包。统一 API 调用 OpenAI/Anthropic/DeepSeek 等模型,支持流式输出和 Agent。

Agent — 能自主调用工具、多步推理的 AI 程序。通过 Agent Loop(思考→调工具→观察→再思考)完成复杂任务。

B

Better Auth — 2026 年 Next.js 生态的主流认证库。支持邮箱密码、OAuth、Passkey,原生集成 Drizzle ORM。

闭包(Closure) — 函数"记住"了自己定义时的作用域。即使外部函数已执行完毕,内部函数仍能访问外部变量。

C

Context Window(上下文窗口) — LLM 一次能处理的 token 上限。包括 system prompt、对话历史、用户消息。

Cookie — 浏览器存储的小段数据。服务器用 Set-Cookie 设置,浏览器后续请求自动携带。用于 session 管理。

CORS(跨域资源共享) — 浏览器安全机制。默认禁止一个域名下的 JS 请求另一个域名的 API。服务器需设置 Access-Control-Allow-Origin 头来允许。

CSRF(跨站请求伪造) — 攻击者诱导用户点击链接,利用用户已登录状态发起恶意请求。防御:CSRF token、SameSite Cookie。

Server Components(RSC) — Next.js 默认组件类型。在服务端渲染,JS 代码不发送到浏览器。不能使用 useState 等 Hooks。

Client Components — 加 "use client" 指令的 React 组件。可使用所有 Hooks 和浏览器 API,在浏览器中交互。

D

DNS(域名系统) — 把域名(example.com)翻译成 IP 地址(93.184.216.34)的服务。互联网的电话簿。

Drizzle ORM — 轻量级 TypeScript ORM(~50KB)。贴近 SQL 语法,零运行时开销。用 pgTable 定义表结构,db.select().from() 查询。

E

Embedding(嵌入向量) — 将文本转为固定维度的数字向量(如 1536 维)。语义相似的文本,向量距离接近。用于语义搜索和 RAG。

ESM(ES Modules) — JS 的官方模块系统。import/export 语法,静态分析友好,支持 tree-shaking。2026 年所有新项目都用 ESM。

Event Loop(事件循环) — JS 运行时管理异步任务的机制。优先级:同步代码 > 微任务(Promise)> 宏任务(setTimeout)。

F

Flexbox — CSS 一维布局方案。核心属性:display: flexjustify-content(主轴分布)、align-items(交叉轴对齐)、gap(间距)。

Function Calling(函数调用) — LLM 的能力——不只是输出文本,还能决定调用哪个函数、传什么参数。AI SDK v6 中用 tool() 定义。

G

Git — 分布式版本控制系统。记录项目每次修改的快照,支持分支并行开发和自动合并。三个区域:工作区→暂存区(add)→仓库(commit)。

Grid — CSS 二维布局方案。核心属性:display: gridgrid-template-columnsgapfr 单位表示一份剩余空间。

H

Hook — React 16.8 引入的函数式 API。让函数组件拥有 state(useState)、副作用(useEffect)、引用(useRef)等能力。规则:只能在组件顶层调用。

HTTP — 浏览器和服务器通信的协议。请求-响应模型,无状态。方法:GET/POST/PUT/DELETE。状态码:2xx 成功、3xx 重定向、4xx 客户端错、5xx 服务器错。

HTTPS — HTTP + TLS 加密。确保通信内容不被中间人窃听或篡改。生产环境必须使用。

I

interface — TypeScript 中定义对象形状的关键字。支持可选属性(?)、只读属性(readonly),可被声明合并。

J

JSX — JavaScript XML。React 中编写 UI 的语法扩展,看起来像 HTML 但本质是 JS 表达式。关键区别:className 替代 class{} 嵌入表达式。

JWT(JSON Web Token) — 自包含的 token 格式。包含用户信息和签名,服务端无需存储 session。适用于分布式系统。

K

柯里化(Currying) — 将多参数函数转为一系列单参数函数的技术。f(a, b, c)f(a)(b)(c)。常用于创建特化版本的函数。

L

LLM(大语言模型) — 海量文本训练的神经网络。核心能力:给定前文,预测下一个 token。代表:GPT-4o、Claude Opus 4。

LTS(长期支持) — Node.js 偶数版本(22、24、26)的生命周期类型。提供 30 个月的安全更新和 bug 修复,用于生产环境。

M

MCP(Model Context Protocol) — AI 访问外部工具的开放协议。Client(AI 应用)↔ Server(工具提供方)。Transport:stdio(本地)、Streamable HTTP(远程)。

middleware — Next.js 中间件。在请求到达页面或 API 前执行,用于认证检查、重定向、A/B 测试等。

迁移(Migration) — 数据库结构的版本化管理。Drizzle 中 generate(生成迁移 SQL)→ migrate(应用到数据库)。

N

Node.js — 让 JS 脱离浏览器运行的平台。基于 Chrome V8 引擎,提供文件系统、网络等操作系统 API。

N+1 问题 — 循环中查数据库的常见性能反模式。查 10 篇文章,每篇循环查作者 → 11 次查询。用 JOIN 或 Drizzle 的 with 一次完成。

O

ORM(对象关系映射) — 用编程语言代码操作数据库的层。不用手写 SQL 字符串,享受类型安全和自动补全。

P

pgvector — PostgreSQL 的向量扩展。支持存储和检索 embedding 向量,提供余弦距离(<=>)和 HNSW 索引。

Promise — JS 异步操作的结果容器。三种状态:pending(进行中)→ fulfilled(成功)/ rejected(失败)。.then()/.catch() 处理。

Props — React 组件从父组件接收的数据。只读,单向向下流动。变化时触发子组件重渲染。

R

RAG(检索增强生成) — 先检索相关文档,再把文档内容注入 LLM 的 context,让模型基于检索结果回答问题。减少幻觉,适合知识库场景。

Route Handler — Next.js 中创建 HTTP API 端点的机制。app/api/xxx/route.tsexport async function GET/POST

S

Server Action — Next.js 中直接在组件调用服务端函数的机制。用 "use server" 声明,替代传统 API 路由+fetch。

Session — 服务端存储的用户登录状态。浏览器通过 Cookie 携带 session_id,服务器查 session 确认用户身份。

SSE(Server-Sent Events) — 服务器向客户端单向推送数据的技术。AI SDK 用 SSE 实现流式输出。比 WebSocket 轻量。

State — React 组件内部的可变数据。useState 管理,变化时触发重渲染。对象/数组用不可变更新。

Supabase — 托管的 PostgreSQL 服务。免费套餐 500MB。提供 Auth、Storage、Realtime、Edge Functions。

T

Tailwind CSS — utility-first 的 CSS 框架。直接在 HTML 中用工具类组合样式(flex items-center gap-4),复用组件不重用样式类。

Token — LLM 处理文本的最小单位。~1 英文词 = 1 token,1 汉字 ≈ 1 token。API 按输入+输出 token 总数收费。

TypeScript — JS 的超集,加静态类型系统。编译时发现类型错误,不改变运行时。interface 定义对象,type 做联合/交叉。

U

useChat — AI SDK v6 的 React Hook。管理聊天状态(messages、sendMessage、status)。不再内部管理 input state(需自己用 useState)。

useEffect — React Hook,处理渲染之外的副作用(网络请求、定时器、localStorage)。依赖数组控制何时执行,清理函数在卸载前运行。

useState — React Hook,给函数组件添加内部状态。返回 [value, setValue]。更新是异步的,用函数更新基于前值。

V

Vercel — Next.js 团队创建的部署平台。与 Next.js 深度集成,git push → 自动部署。免费计划支持 Hobby 项目。

Vitest — 为 Vite 生态设计的测试框架,也适合 Node.js。API 兼容 Jest 但更快。describe/it/expect 结构。

X

XSS(跨站脚本攻击) — 攻击者向网页注入恶意 JS 代码。防御:不直接使用 dangerouslySetInnerHTML,输入过滤 < > 字符,使用 CSP 头。