✏️ AI 术语图鉴

📚 术语图鉴

用大白话讲清 AI 应用与自动化的每个术语——共 160 条,点分类直达。

AI 基础

12 条 · 用 AI 之前必须懂的地基概念

Tokentoken

AI 读文字不是按「字」读的,而是先把文字切成小块,一块就是一个 Token。你可以把它理解成 AI 眼里的「字」——但它切的块,和你以为的字不一定一样大。

难度:入门

上下文窗口context window

AI 的「工作记忆」容量:一场对话里它能同时记住的内容上限。超了就会开始「忘」——最常见的是忘了你开头定的规矩,或者直接报错说内容太长。

难度:入门

幻觉hallucination

AI 不知道答案时不会说「我不知道」,而是会一脸自信地编一个。它不是故意撒谎——它只是在按「最像答案的样子」往下接。

难度:入门

LLMlarge language model

读过海量文字训练出来的「文字接龙机器」:你给它前文,它猜最合理的下文。ChatGPT、Claude、DeepSeek 这些产品,内核都是一个 LLM。

难度:入门

模型 vs 产品model vs product

模型是发动机,产品是整车。GPT、Claude、DeepSeek 是模型;ChatGPT、各种 AI 助手 App 是把发动机装上车后的产品。同一个发动机能装出很多车。

难度:入门

Temperaturetemperature

控制 AI「放飞程度」的旋钮:调低,每次都给最稳妥的回答;调高,它敢接更意外的下文,输出更多样也更容易跑偏。

难度:进阶 ★★

流式输出streaming

AI 的回答「边生成边往外吐」,而不是憋到最后一次性给你。字一个个蹦出来,就是流式。

难度:入门

知识截止日期knowledge cutoff

模型的知识停在了它「上课」的最后一天。那之后发生的事它一无所知——不是不知道,是压根没学过。

难度:入门

微调fine-tuning

给训练好的模型做「岗前培训」:用你自己的问答数据继续训练,让它在你的业务上说话更对味。和 RAG 的区别:RAG 是给它资料查,微调是改它本身。

难度:进阶 ★★

多模态multimodal

能同时看图、听音频、读文字的模型。你发一张截图问「这报错怎么回事」,它能看懂图——这就是多模态。

难度:入门

推理模型reasoning model

会「先打草稿再作答」的模型:回答前先生成一段思考过程(拆题、试错、自我检查),再交最终答案。普通模型脱口而出,推理模型想好了再说。

难度:进阶 ★★

开放权重open weights

模型厂商把训练好的「成品大脑」公开供人下载(如 DeepSeek、Llama、Qwen)。你可以自己部署、自己改、数据不出门——对比只能在线调用的闭源 API。

难度:进阶 ★★

Agent 与 MCP

8 条 · 让 AI 从『会答』到『会干活』

Agentagent

普通 AI 对话是「你问一句,它答一句」;Agent 是你给个目标,它自己拆步骤、自己动手(搜资料、调工具、写文件)、自己检查,干完了再向你汇报。一句话:从「顾问」变成「能动手的员工」。

难度:进阶 ★★

MCPModel Context Protocol

AI 连接外部工具的「USB-C 接口」。以前每个软件要给每个 AI 单独做对接,就像每个手机一种充电口;MCP 把插口统一了——软件方出一个 MCP 插头,所有支持 MCP 的 AI 都能用。

难度:进阶 ★★

Function Callingfunction calling

AI 的「下申请单」机制:模型自己不动手,它看完需求后输出一张写明「调哪个工具、填什么参数」的申请单,由外部程序执行,再把结果还给它。Agent 能「动手」的核心机关。

难度:进阶 ★★

Agent Skillagent skill

给 Agent 用的「带说明书的技能包」:一个文件夹,装着某类活怎么干的说明文档,需要时 Agent 自己翻出来照着做。装一个 Skill,等于给 Agent 岗前培训了一项新业务。

难度:进阶 ★★

Memorymemory

让 AI「记住你」的机制:把这场对话之外该记住的事(你的偏好、背景、历史结论)存下来,下次开场就带着。没有它,每个新会话都是从零认识的陌生人。

难度:进阶 ★★

多智能体multi-agent

把一个复杂任务拆给多个各管一摊的 AI:一个当「项目经理」分派活,几个「专员」分别查资料、写稿、审校,最后汇总。单个 Agent 更简单,合起来干大活。

难度:硬核 ★★★

任务规划planning

Agent 动手前先「列工作计划」:把大目标拆成有序的小步骤,标出先做啥后做啥。会规划的 Agent 才不容易跑到一半迷路。

难度:进阶 ★★

沙盒sandbox

给 AI 的「隔离试验田」:在一个装不进真实系统的封闭环境里执行代码、试操作,搞砸了也不影响外面。Agent 敢放手干活的底气来源。

难度:进阶 ★★

知识库与 RAG

7 条 · 让 AI 基于你的资料回答

RAGRetrieval-Augmented Generation

让 AI 答题前「先翻资料再回答」。把你的文档放进一个它随查随用的资料库,AI 每次回答先去库里搜出相关段落,再照着资料作答——本质是把闭卷考试换成开卷考试。

难度:进阶 ★★

Embeddingembedding

把一段文字变成一串数字(向量),意思相近的文字,数字也相近。机器靠它理解「语义相似」——不比对字面,比对含义。

难度:硬核 ★★★

Chunkingchunking

把长文档切成小段再入库——知识库的「备菜」方式。检索搜的是段不是整本,切得好不好,直接决定找得准不准。

难度:进阶 ★★

语义搜索semantic search

按「意思」搜,而不是按「字面」搜。你问「机器太卡了」,它能找到标题叫「性能优化指南」的文档——字面毫无重叠,意思高度一致。

难度:进阶 ★★

向量数据库vector database

专门存向量、按「意思相近」检索的数据库。知识库的藏书楼:文档切分、向量化后存在这里,查询时毫秒级找出最相近的几段。

难度:进阶 ★★

Rerankrerank

检索结果的「复筛」环节:先粗筛出 50 段可能相关的,再用更精细的模型逐段打分,挑出最对的 3 段。粗筛求快,重排求准。

难度:硬核 ★★★

知识库knowledge base

给 AI 配的「资料柜」:把你的文档传进去,AI 回答前先翻柜子再作答。Coze、Dify、飞书里那个叫「知识库」的功能,底层就是 RAG。

难度:入门

自动化与工作流

16 条 · Coze / n8n / 飞书自动化里的高频词

APIApplication Programming Interface

软件之间的「服务窗口」。你不用懂对方内部怎么运作,按它规定的格式递话进去,它把结果递出来——就像点外卖:你不用进后厨,App 帮你向店家下单。

难度:入门

Webhookwebhook

反着来的 API。API 是你每隔一会儿跑去问「有新东西吗」(你跑腿);Webhook 是对方一有动静,主动到你留的地址来敲门(它跑腿)。

难度:进阶 ★★

JSONJavaScript Object Notation

软件之间递东西的「标准打包方式」:所有信息都装进带标签的格子里,先后顺序一目了然。人看着是一堆花括号和引号,机器看着是一份清清楚楚的清单。

难度:入门

API Keyapi key

你调用 API 的「会员卡加身份证」:证明是你本人在调用,好记账好扣费。一串长字符,谁拿到谁就能以你的身份花钱。

难度:入门

触发器trigger

自动化的「启动开关」:规定什么情况发生时,这个流程开始跑。没有触发器的工作流就是一台不会自己启动的机器。

难度:入门

Pollingpolling

「每隔一会儿去问一次」的笨办法:你的程序定时去查「有新的吗」,哪怕 99 次答案都是没有。和 Webhook 的「它主动来敲门」相对。

难度:进阶 ★★

HTTP 请求http request

网上几乎所有数据交换都在用的一套「对话规矩」:你发一个带动作的请求(获取 GET / 提交 POST…),对方回一个状态码(200 成功 / 404 没这页 / 500 它挂了)。API 调用就是发 HTTP 请求。

难度:入门

变量variable

给数据起的名字:把上一步的结果存进一个有名字的「盒子」,后面的步骤按名字取用。工作流里数据怎么流转,全靠变量串起来。

难度:进阶 ★★

工作流workflow

把一件自动化的事拆成一串有顺序的步骤:触发 → 处理 → 处理 → 输出。每个节点干一件小事,串起来干一件大事。Coze、n8n 里画的那张流程图就是它。

难度:入门

节点node

工作流上的「一个工位」:每个节点干一件具体的事(查数据、做判断、发消息),连线决定先后顺序。节点是搭工作流的积木块。

难度:入门

定时任务scheduled task

「到点自动跑」的触发方式:每天 9 点、每小时一次、每周一早上——不管有没有人管,时间到了就执行。自动化的闹钟。

难度:入门

条件分支conditional

工作流里的「岔路口」:按条件判断走哪条路——下雨就发提醒,没下雨就结束。没有它,流程只会一根筋跑到底。

难度:进阶 ★★

循环loop

让工作流「对一批东西逐个处理」:100 个客户就发 100 条消息,一个循环节点搞定,不用复制 100 个节点。

难度:进阶 ★★

错误处理error handling

事先想好「这步失败了怎么办」:重试几次?跳过并记录?停下报警?自动化的成熟度全看这里——没写错误处理的流程,第一次故障就会让你半夜救火。

难度:进阶 ★★

Rate Limitrate limit

API 的「限速带」:规定你每分钟最多调多少次,超了就拒绝(返回 429)。不是针对你,是保护服务不被挤爆。

难度:进阶 ★★

低代码low-code

不写代码、拖拽配置就能搭应用的制作方式。Coze、n8n、飞书多维表格的自动化都是低代码——你画的每张流程图,平台帮你翻译成真程序。

难度:入门

后端与数据库

30 条 · AI 开发里『看不见的部分』:数据、服务、鉴权

后端backend

用户看不见的那一半:负责存数据、验证身份、处理业务规则的部分。你在页面上点「提交订单」,真正把订单存起来、扣库存、防止重复提交的,都是后端。

难度:入门

前端frontend

用户看得见、点得着的那一半:页面、按钮、动效。它跑在用户的浏览器里,负责「好看」和「好操作」,本身通常不存重要数据。

难度:入门

数据库database

专门用来「存数据、查数据」的软件:数据有条理地存在表里,断电、重启都不会丢。你做的任何需要「记住东西」的应用,背后都有一个数据库。

难度:入门

SQLsql

和数据库「说话」的语言:查数据(SELECT)、加数据(INSERT)、改数据(UPDATE)、删数据(DELETE)都靠它。你用大白话让 AI 做应用,AI 转头就是用 SQL 在操作数据库。

难度:进阶 ★★

表与字段table schema

数据库里的数据按「表」组织,一张表像一张 Excel:列叫字段(存什么信息),行叫记录(一条条数据)。设计表结构,就是设计「这个应用记哪些信息」。

难度:入门

增删改查crud

绝大部分应用的核心就四个动作:增(Create)、删(Delete)、改(Update)、查(Read)。产品经理说「先做个 XXX 的 CRUD」,意思就是先把最基础的数据管理做出来。

难度:入门

主键primary key

每条数据的「身份证号」:一张表里不能有两条一模一样的主键。要用某条数据时(改它、删它、关联它),都靠主键找到它。

难度:入门

索引index

帮数据库「快速翻到那一页」的目录:没有索引,查数据要一页页翻全表;有了索引,直接跳过去。代价是写入时要多维护一份目录。

难度:硬核 ★★★

事务transaction

把几个数据库操作「捆绑成一件事」:要么全部成功,要么全部撤销,绝不允许成功一半。转账就是典型:扣钱和到账必须同生共死。

难度:硬核 ★★★

缓存cache

把常用的数据放在「近处的抽屉」里,不用每次都跑远路去仓库拿。第一次慢(去仓库),之后的都快(拉抽屉)。用空间和一点点「可能过期」的风险换速度。

难度:进阶 ★★

CDNcdn

把你的图片、页面副本提前放到全球各地的「分发站」,用户从离自己最近的站拿东西——国内用户不用绕到地球对面去取。

难度:进阶 ★★

NoSQLnosql

不按「表和字段」组织的数据库:数据像一份份 JSON 文档直接存。结构灵活——每条数据可以有不同字段。代表:MongoDB(文档)、Redis(键值对)。

难度:进阶 ★★

ORMorm

「不用写 SQL 也能操作数据库」的翻译官:代码里操作对象和方法,ORM 负责翻译成 SQL。你让 AI 做应用时,它十有八九会顺手用上 ORM(如 Prisma、Drizzle)。

难度:进阶 ★★

数据库迁移migration

「修改数据库结构」的标准流程:加字段、改表名这类结构变更,不直接改,而是写一份变更脚本存档,按顺序执行。好处:每个环境(你的电脑、服务器)都能以相同顺序重放变更。

难度:进阶 ★★

登录鉴权authentication

验证「你是你」的全套机制:注册(建档)、登录(验证后发通行证)、之后每次请求带着通行证证明身份。区别于「权限」(authorization):登录是「你是谁」,权限是「你能干什么」。

难度:进阶 ★★

Session 与 Cookiesession and cookie

HTTP 本身「记不住」任何人的两种补救:Cookie 是存在你浏览器里的小纸条(每次请求自动带上);Session 是服务器那边的登记册(纸条上只写个编号)。JWT 是新做法:把通行证内容直接加密进纸条。

难度:进阶 ★★

CORScors

浏览器的安全规矩:网页 A 想直接请求网页 B 的接口,B 必须明确表态「我允许 A」。没表态,浏览器就直接拦下——接口本身可能是通的,是浏览器在门口拦你。

难度:进阶 ★★

环境变量environment variables

把「会变的配置」放在代码外面的开关面板:数据库地址、API Key、正式/测试开关。好处:代码不动,换个环境换个配置;密钥不进代码仓库,不会泄露。

难度:入门

端口port

一台服务器上同时跑着很多服务,端口就是「几号窗口」:3000 号窗口是你的前端,8000 号是后端接口,5432 是数据库。IP 找到大楼,端口找到窗口。

难度:入门

URL 结构url structure

一个网址分两段:路径说明「要什么资源」(/api/notes/42),参数补充「要什么条件」(?page=2&sort=time)。接口设计的可读性,全看这两段规划得好不好。

难度:入门

同步与异步synchronous and asynchronous

同步:交完任务站在原地等结果,不做别的;异步:交完任务拿个凭证先走,干完了通知你。AI 生成内容慢、发邮件慢、处理视频慢——这些任务几乎都该异步。

难度:进阶 ★★

消息队列queue

任务们的「排队取号机」:来不及马上干的活,先扔进队列排队,后台的工作者一个一个取出来干。高峰期任务不会丢,服务器也不会被压垮。

难度:硬核 ★★★

幂等idempotency

同一个操作执行一次和执行一百次,结果都一样。「设置头像为 X」是幂等的(重复设置无妨);「余额减 100」不是幂等的(重复扣就是事故)。

难度:硬核 ★★★

竞态race condition

两个人同时读写同一份数据,先来后到没定好,结果取决于「谁快」——库存只剩 1 件,两个人同时下单,可能都成功,卖超了。

难度:硬核 ★★★

日志logging

服务器的「行车记录仪」:谁在什么时候调用了什么、成功还是失败、报了什么错。出了问题,日志是你唯一的目击证人——没有日志的排查等于闭眼摸象。

难度:入门

后端框架framework

搭后端的「预制板房」:路由、请求解析、返回数据这些通用活,框架已经备好,你只写业务逻辑。AI 说「用 Express/Next.js API/ FastAPI」,说的就是选哪种预制板。

难度:入门

反向代理reverse proxy

站在你的服务器「门口接待」的那一层:外部请求先到它,由它决定转发给屋里哪个服务、拦下谁、缓存什么。Nginx 是代表,Vercel/Cloudflare 本质也在做这件事。

难度:硬核 ★★★

无状态stateless

服务器不「记住」任何一次请求的上下文:每次请求自带全部信息(包括身份凭证)。好处:任何一台服务器都能处理任何请求——扩容就是多加机器,宕机就换一台,用户无感。

难度:硬核 ★★★

分页pagination

列表数据「一页一页给」而不是一次全给:10 万条笔记一次全查=接口超时+手机卡死。分页=每次只取 20 条,用户翻页再取下一批。

难度:入门

备份与恢复backup and restore

给数据拍「定期存档」:数据库定时全量备份(+变更日志),并且——关键——真的演练过恢复。没恢复过的备份等于没有备份。

难度:进阶 ★★

技术栈与工具

22 条 · AI 生成代码里你会撞见的所有名词

技术栈tech stack

这个项目用了哪些技术的清单:前端框架 + 后端语言 + 数据库 + 部署方式。「技术栈是 Next.js + PostgreSQL + Vercel」一句话说清全家桶。

难度:入门

Node.jsnode js

让 JavaScript 跑在服务器上的运行环境——JS 原本只能在浏览器里跑,Node.js 把它解放出来写后端。AI 生成的 JS 后端代码,全要靠它才能跑起来。

难度:进阶 ★★

JavaScriptjavascript

让网页「动起来」的编程语言:点击、弹窗、请求数据都是它在干活。网页三件套分工:HTML 是骨架(有什么)、CSS 是皮肤(长什么样)、JavaScript 是肌肉(能做什么)。

难度:入门

TypeScripttypescript

给 JavaScript 加「类型标注」的升级版:每个变量声明它该是什么(字符串/数字),写错在运行前就被标红。多打几个字,换 AI 生成代码时更少低级错误。

难度:进阶 ★★

Reactreact

最流行的前端框架:把页面拆成一个个「组件」,数据一变,用到它的地方自动更新。AI 生成前端代码时的默认首选。

难度:进阶 ★★

Next.jsnext js

React 的「全套装修方案」:前端页面、后端接口(API Routes)、路由、部署优化打包在一起。AI 做全栈小项目的默认最爱——一个项目搞定前后端。

难度:进阶 ★★

Vuevue

和 React 同赛道的前端框架,国内人气极高:同样组件化、数据驱动,写法更贴近传统 HTML,上手曲线更缓。国内工具链和社区支持极好。

难度:进阶 ★★

Pythonpython

语法最接近人类语言的编程语言:AI 圈通用语——数据处理、调用模型、爬虫、脚本自动化首选。你让 AI 写的自动化小脚本,多半是它。

难度:进阶 ★★

CSScss

控制「长什么样」的样式语言:颜色、大小、间距、布局、动效全归它管。AI 写页面美不美,一大半取决于它生成的 CSS 质量。

难度:入门

HTMLhtml

网页的「内容骨架」:标题、段落、按钮、图片,都用一对对标签声明。<h1> 是标题、<button> 是按钮——浏览器读标签来决定页面里有什么。

难度:入门

Tailwind CSStailwind css

「用单词拼样式」的 CSS 方案:不写样式文件,直接在标签上堆类名——class="flex items-center gap-4" 一串单词就是完整布局。AI 生成页面极快,AI 编程时代的默认样式方案之一。

难度:进阶 ★★

组件库component library

现成的 UI 零件超市:按钮、弹窗、表格、日期选择器都是调好样式的成品,拿来就用。shadcn/ui、Ant Design、Element Plus 都是它。

难度:进阶 ★★

npmnpm

JavaScript 世界的「应用商店 + 快递」:npm install 一句话下载别人写好的代码包;package.json 记录项目用了哪些包。AI 生成的项目让你先跑 npm install——没这步项目跑不起来。

难度:进阶 ★★

依赖dependencies

你的项目「站在别人代码上」的那些别人:日历、图表、加密……都是现成的包。依赖越多开发越快,但每一个都是需要长期维护的种子。

难度:进阶 ★★

版本号semantic versioning

软件版本的通用暗语:1.4.2 = 大版本.小版本.修补。升级规则藏在位置里:改第一位(2.0.0)= 有破坏性变更;改第二位 = 加新功能;改第三位 = 只修 bug。

难度:硬核 ★★★

构建build

把你写的「人能读」的代码翻译、压缩、打包成机器高效执行的成品:npm run build 一跑,产出 dist 或 .next 目录——那才是要部署上线的东西。

难度:进阶 ★★

开发服务器dev server

npm run dev 背后的东西:在你电脑上起一个临时服务器(localhost:3000),代码一保存页面自动刷新。它是开发时的「草稿预览」,不是上线的东西。

难度:入门

终端terminal

用「打字」操作电脑的方式:没有按钮和窗口,一句命令干一件事。AI 编程时代必须会几条——装依赖、起服务、Git 操作,全在终端里。

难度:入门

浏览器开发者工具devtools

浏览器自带的「透视镜」:按 F12 打开,能看页面结构(Elements)、网络请求(Network)、报错(Console)、手机模拟。前端排障 80% 的答案都在里面,完全免费。

难度:进阶 ★★

项目结构project structure

一个项目的「房间布局」:页面放哪、接口放哪、配置在哪。看懂结构,你才知道「改 X 该去哪个文件」——AI 生成项目后的第一课就是认房间。

难度:进阶 ★★

配置文件config file

项目的「设置面板」:package.json 管依赖、tsconfig 管类型检查、tailwind.config 管主题色。新手最怕动它们——但很多需求恰恰要改这里。

难度:进阶 ★★

AI 代码编辑器ai code editor

「懂 AI 的编辑器」:Cursor、VS Code + Copilot、Claude Code、ZCode 这类工具,能读整个项目、直接改文件、跑终端命令。你和 AI 的分工从「它给代码你粘贴」进化为「它直接动手,你验收」。

难度:进阶 ★★

Git 与版本

10 条 · 看懂改动、敢动代码的安全网

Gitgit

给项目随时拍「可回溯照片」的系统:每次改动存一个版本,任何时候能回看、能回滚、能开分支试验。AI 编程时代它是安全网——AI 改崩了,一张旧照片救你。

难度:入门

仓库repository

被 Git 管理的项目文件夹(俗称 repo):里面藏着全部历史版本。可以只在你电脑上(本地),也可以推到 GitHub(远程)——远程同时是备份和协作入口。

难度:入门

提交commit

给项目当前状态拍一张「存档快照」,附一句说明。每次 commit 是一个可回退的节点——快照打得越勤,后悔药越多。

难度:入门

分支branch

从主线分出的「平行世界」:在分支上随便改、随便试,主线不受影响;试验成功再合并回去。多人协作和大胆实验都靠它。

难度:进阶 ★★

合并与冲突merge

把分支的改动「汇回主线」。多数时候 Git 自动搞定;当两条分支改了同一处,Git 分不清听谁的——这就是冲突(conflict)。冲突不是错误,是 Git 在说「这你可得亲自决定」。

难度:进阶 ★★

Diffdiff

两个版本之间「改了哪几行」的对照:红色是删的,绿色是加的。AI 编辑器时代的核心技能——看懂 diff,才谈得上「验收 AI 的改动」。

难度:进阶 ★★

拉取请求pull request

「我改完了,请看看能不能合进主线」的正式申请:附全部改动,支持评论讨论,最后由人点「合并」。它是 AI 改动进入主线的最佳关卡。

难度:进阶 ★★

远程仓库remote

本地仓库和 GitHub 之间的三个日常动作:clone(第一次整份下载)、pull(把远程新内容拉下来)、push(把本地提交推上去)。新手最大困惑「push 被拒」:远程有你没有的提交,先 pull 再 push。

难度:进阶 ★★

回滚与还原revert

「撤销」的姿势分等级:改了没 commit → 丢弃工作区改动;commit 了 → revert 生成一张「反向快照」抵消它;已经 push → revert 后再 push。reset 危险等级最高,慎用。

难度:进阶 ★★

.gitignoregit ignore

一张「禁止入库清单」:列在里面的文件(密钥、依赖包、构建产物)Git 视而不见。它是最便宜的安全措施——一行 .env,救你一次密钥泄露事故。

难度:入门

部署与上线

16 条 · 从 localhost 到全世界能访问

部署deployment

把「只在你电脑上」的应用搬到「全世界能访问」:代码 push 到托管平台 → 自动构建 → 分配网址上线。AI 时代,部署已经被简化成「push 即上线」。

难度:入门

域名domain

你的网站在互联网上的「门牌地址」:www.example.com。每年几十块钱租来的,由 DNS 系统负责把它翻译成服务器的 IP。

难度:入门

DNSdns

把人记得住的域名(example.com)翻译成机器需要的 IP(76.76.21.21)的全球系统。你配的每条解析记录,就是一条「这个名字指向哪里」的登记。

难度:进阶 ★★

HTTPShttps

加密版 HTTP:数据全程上锁,地址栏带小锁头。没有它,浏览器标「不安全」,登录密码明文裸奔,定位、支付等能力直接被禁。

难度:入门

托管平台hosting platform

替你管服务器的地方:Vercel、Netlify、Cloudflare Pages。你只管 push 代码,平台负责构建、网址、HTTPS、扩容——「服务器」这个概念被藏起来了。

难度:入门

预发布环境staging

上线前的「彩排舞台」:和生产几乎一样的配置,但用户看不见。改动按顺序过关:开发(你的电脑)→ 预览/预发布(团队看)→ 生产(用户看)。

难度:进阶 ★★

发布回滚rollback

新版本上线发现炸了,一键退回上一个正常版本。托管平台把每次部署都存档,回滚就是指一下上次好的——前提是你知道按钮在哪。

难度:进阶 ★★

灰度发布canary release

新版本不全量放:先给 5% 用户,没炸再逐步到 100%。把「可能的事故」的爆炸半径从全体用户缩到一小撮——金丝雀先下矿井。

难度:硬核 ★★★

监控告警monitoring

给应用装「仪表盘 + 警报器」:它活着吗、多快、报错多少,异常时主动通知你——而不是等用户在群里 @你,你才知道网站挂了。

难度:进阶 ★★

无服务器serverless

「不用管服务器」的形态:你只上传函数代码,平台在请求到来时自动运行、按用量计费。Vercel 上的 API 接口就是这么跑的——没流量就几乎不花钱。

难度:进阶 ★★

ICP 备案icp filing

在国内正规开展网站业务的登记牌照:向工信部登记网站主体与内容,流程约 1~4 周。放在国内服务器上的网站必须备案;用境外托管可以不备,但访问速度和稳定性打折扣。

难度:入门

OG 分享卡片open graph tags

链接发到微信/群里时显示的「预览卡片」:标题、描述、配图,由页面里的几个 meta 标签(Open Graph 协议)决定。不配的话,分享出去就是一根光秃秃的蓝字链接。

难度:进阶 ★★

SEO 三件套seo

让搜索引擎「看得懂、找得到、排得上」:①每页独一无二的标题和描述 ②sitemap 告诉它「我有这些页」 ③robots.txt 告诉它「哪里别爬」。内容站一半流量靠这套地基。

难度:进阶 ★★

访问统计web analytics

网站的「客流计数器」:多少人来了、从哪来、看了什么、停留多久。没有统计,你不知道力气该花在哪——全靠感觉做产品等于闭眼开车。

难度:入门

静态与动态static vs dynamic

静态站点=提前印好的杂志(所有人看到同一份,快、稳、便宜);动态站点=现点现做的餐厅(每个用户看到自己的数据,需要后端)。现代框架两者混用:页面静态化,数据部分动态。

难度:进阶 ★★

上线检查清单launch checklist

上线前过一遍的「飞行检查单」:build 通过、环境变量齐、HTTPS 正常、监控开了、备份配了、手机端看过、404 页面像样。飞机起飞前过检查单不是因为不会飞,是因为漏一项代价太大。

难度:入门

测试与质量

8 条 · 怎么知道 AI 写的东西没坏

单元测试unit test

给最小的零件写「自动化考试」:一个函数给定输入应返回什么,写成代码反复自动验证。改代码后跑一遍,考试全绿才放心。

难度:进阶 ★★

集成测试integration test

零件组装后的「联动测试」:单元测试各自满分,拼起来未必正常——接口连数据库、前端连接口,配合处才是事故高发区。

难度:进阶 ★★

端到端测试e2e test

模拟真实用户的完整旅程:打开页面→输入账号→点登录→看到仪表盘。像机器人替你「点一遍」,每次发版自动跑,回归问题无所遁形。

难度:进阶 ★★

测试覆盖率test coverage

「考试覆盖了课本多少」的指标:多少比例的代码被测试执行过。80% 不代表没 bug,但 5% 的项目,改一行都是赌博。

难度:进阶 ★★

冒烟测试smoke test

上线前的「最后一眼」:只测最要命的几件事——首页能开、登录能用、支付能走。名字来自电路:通电先看冒不冒烟,不冒烟再细查。

难度:入门

回归测试regression test

检查「修好的旧问题有没有卷土重来」:你修了 A 的 bug,结果 B 坏了——B 就是回归。防回归的核心:每个修过的 bug 都变成一条测试。

难度:进阶 ★★

Bug 报告bug report

把「它坏了」翻译成「能修的情报」:做了什么操作、期望什么、实际看到什么、怎么稳定复现。复现步骤是灵魂——不能稳定复现的 bug 基本修不了。

难度:入门

验收标准acceptance criteria

动手之前先写清「做到什么程度算完成」:可勾选的具体条目。它同时管住两头——AI 不会自由发挥过头,你也不会验收时凭感觉扯皮。

难度:入门

AI 开发进阶

9 条 · 把 AI 用出专业水准的方法论

上下文工程context engineering

提示词工程的升级版:不只打磨一句话,而是经营「AI 每次看到的全部内容」——系统提示、历史对话、参考资料、工具结果。上下文给对了,模型自然对。

难度:进阶 ★★

结构化输出structured output

让 AI 的回答「长得像数据而不是文章」:固定字段、固定类型,程序能直接解析接住。它是 AI 输出进工作流的桥——没有它,自动化接不住 AI 的话。

难度:进阶 ★★

项目规则文件project rules

写给 AI 看的「项目长期备忘录」:CLAUDE.md、AGENTS.md、.cursorrules——技术栈约定、代码风格、目录规则、禁区。每个会话自动生效,一次立法,永久生效。

难度:入门

提示词链prompt chaining

把大任务拆成多步,每步一次 AI 调用,上一步输出当下一步输入:提取→分析→写作→审校。单次硬扛复杂任务容易跑偏,链式处理每步简单可控。

难度:进阶 ★★

少样本示例few-shot

在提示词里给 AI 看两三个「输入→输出的标准例子」,让它照猫画虎。AI 模仿范例的能力远强于理解抽象规则——一个例子顶三段说明。

难度:入门

模型选型model selection

「用哪个模型」是最便宜的优化:旗舰模型强但贵且慢,小模型快且便宜,简单任务足够。会按任务难度分配模型的人,同样活的成本只有别人的十分之一。

难度:进阶 ★★

Agent 循环agent loop

Agent 的心跳节拍:接收目标→思考→调工具→看结果→再思考→再行动,循环直到认为完成。理解这个循环,你就理解了 Agent 为什么「停不下来」或「过早收工」。

难度:进阶 ★★

提示词注入prompt injection

给 AI 的「骗局攻击」:把恶意指令藏在外部内容里(网页、文档、邮件),AI 读到后当成正经指示执行。AI 自动读资料、自动执行的时代,这是头号安全问题。

难度:进阶 ★★

AI 代码审查code review

让 AI 审查 AI 写的代码:以审查者身份逐行检查逻辑、安全、边界,输出问题清单。人只审「方向和验收」,机械检查交给 AI——审查覆盖率直接翻倍。

难度:进阶 ★★

界面与交互

15 条 · 四层法:让 AI 做出你脑子里的样子

页面四层法four layers

描述任何网页的万能框架:布局(东西怎么排)→ 结构(先看啥后看啥)→ 导航(怎么跳转)→ 组件(怎么操作)。按这四层跟 AI 说需求,它就不会自由发挥。

难度:入门

落地页landing page

一个目标明确的单页:让访客做一件事(注册、购买、留联系方式)。所有区块都为这个目标服务——和「内容丰富的官网」是两个物种。

难度:入门

首屏 Herohero section

打开网页第一屏的大区块:一句话大标题 + 副标题 + 主按钮(+配图)。访客的 3 秒决策区——留还是走,就看它。

难度:入门

导航栏navbar

页面顶部的「指路牌」:logo + 几个关键入口 + 一个主按钮。它是用户认识你网站结构的第一站——固定顶部还是滚动隐藏,是常见设计决策。

难度:入门

页脚footer

页面底部的「补充说明区」:联系方式、备案号、次要链接、社交账号。滚到这里通常是在「认真考虑你」——别浪费,也别喧宾夺主。

难度:入门

卡片card

把内容装进「一张张独立小盒子」的组件:边界清楚、好扫读,是 AI 最容易稳定实现的组件,也是信息列表的万能容器。

难度:入门

弹窗modal

盖在当前页面上的「临时对话框」:要求用户先处理它(确认删除、填表单)再回去。打断感强,所以要省着用。

难度:入门

轻提示toast

右下角/顶部冒出来、几秒自动消失的小通知:「已保存」「复制成功」。不打断操作、不用点关闭。和弹窗的分工:toast 报「平安」,弹窗要「决定」。

难度:入门

骨架屏skeleton

数据没加载完时先显示灰色「占位轮廓」(形状和真实布局一样):用户知道「在加载、大概长这样」,而不是盯着白屏怀疑死机。

难度:进阶 ★★

空状态empty state

「这里还没有任何东西」时的引导画面:图标 + 一句话解释 + 行动按钮。空状态不是错误,是新手用户的第一现场——引导得好,留存就高。

难度:入门

表单校验form validation

用户填表时的「即时检查」:该填的没填、格式不对,在字段下方立刻红字提示——而不是提交后一口气报错,或更糟:提交了没反应。

难度:进阶 ★★

深色模式dark mode

网站的「夜间皮肤」:深底浅字。正确实现方式是「颜色全走设计变量」,切换时整套换——先定变量的项目,加深色模式只要一小时。

难度:进阶 ★★

响应式设计responsive design

同一个页面自动适配不同屏幕:桌面三列、平板两列、手机单列。不是「做个手机版网站」,而是同一套代码对宽度做出响应。不做响应式=一半用户被劝退。

难度:进阶 ★★

移动优先mobile first

设计顺序的哲学:先设计最小的手机屏,再扩展到平板、桌面——而不是先做桌面再「挤压」成手机版。从最小画布开始,会逼你砍掉不重要的东西。

难度:进阶 ★★

Flex 与 Gridflexbox and grid

CSS 布局两把刀:Flex 管「一行或一列内怎么排」(一维),Grid 管「整页切成行列格子」(二维)。AI 写布局用的就是这两个,知道用哪个=能看懂它改得对不对。

难度:进阶 ★★

产品与评估

7 条 · 把 AI 功能做好、验好的词汇
找不到想看的词?投稿告诉我们,或去练习场测测掌握程度。