AI 元素周期表 · 造物罗盘

域名像网站的店名或门牌名称，不等于网站内容本身。

你记住的是店名，DNS 帮你查到这家店实际在哪条街。

URL 就是网页的门牌号，包含去哪儿以及要找哪个房间。

HTTP 是浏览器和服务器之间约定好的传话格式。

它像给浏览器和网站之间的对话加了防偷听的信封。

HTML 像人的骨架，决定标题、段落、图片和按钮放在哪里。

CSS 像衣服和化妆，决定页面看起来什么样。

HTML 是骨架，JavaScript 像肌肉和神经，让页面动起来。

前端像餐厅前厅，后端像看不见的厨房；你点菜之后，厨房处理好再把结果端出来。

服务器像一台长期值班、专门响应别人请求的电脑。

IP 像一栋楼的地址，端口像楼里的不同房间。

你在电脑上打开 localhost，访问的是这台电脑，不是互联网网站。

普通用户看到的是前台，商家改价格、看订单、管内容用的是后台。

200 是"好了"，404 是"找不到"，500 是"服务器出问题了"。

API 像程序之间的传话员，规定"怎么问、问什么、会得到什么"。

Python 比较像人话，适合把重复工作写成脚本交给电脑执行。

它像写代码时旁边有个老师，发现"这里应该是数字却传了文字"。

用 `#` 写标题、用 `-` 写清单，不用复杂排版软件也能写清楚。

JSON 像程序之间约定好的标准表格；JSONL 像一条一条连续写的记录。

SQL 就是和数据库对话：请它查、加、改或删哪些数据。

程序像鱼，运行环境就是它需要的水；没有环境，代码只是文字。

IDE 是程序员的超级记事本，能检查、运行和追踪代码。

CLI 就是终端里敲命令，不靠鼠标点按钮。

npm 像项目材料管理员，负责把需要的代码包装好并启动常用命令。

它像程序启动前要看的便条，换环境时换便条，不用重写代码。

把程序连同它需要的一切装进箱子，搬到另一台电脑也尽量保持一致。

把人写的代码翻译成电脑能执行的机器话。

Git 是代码的时光机，关键节点可以拍快照，写坏了能回到过去。

选照片、拍照片、上传云端、下载更新、把两条修改路线拼起来。

数据库像一个能多人同时使用、还能快速查找的大号 Excel。

网站给浏览器贴一张便签，下次回来就知道你是谁或记得你的偏好。

卡片上只有编号，真正的个人信息和状态放在图书馆服务器里。

常用的盐放在灶台边，不用每次都跑储藏室。

同步像排队打饭，异步像点外卖，等结果时可以先做别的事。

显示器坏了换显示器，不必把整台电脑都扔掉。

一个厨房里多个厨师同时做菜，速度可能更快，但抢锅时也会出问题。

UI 是"看起来和点起来怎样"，UX 是"整个过程顺不顺、能不能把事办成"。

按钮没反应、价格错了、密码对却登不上，都是可能的 Bug。

像破案：重现现场、查看线索、缩小范围、修复后再验证。

单元测螺丝，集成测发动机配合，回归防止旧功能被弄坏，端到端像真人试驾。

先用道具演一遍流程，等真正的演员或后台准备好再换上。

不是"我试过了"，而是写清楚谁、在什么条件下、怎么操作、应该看到什么。

把在本地做好的东西搬到一台对外营业的机器上。

把代码连到平台，平台帮你构建并提供一个可访问的网址。

像监控录像和工作记录，出问题时可以按时间回看。

像闹钟，到点自动提醒程序做一件事。

像给 AI 接上统一规格的插座，让它知道有哪些工具、怎么用。

像边写边展示，不必等整篇文章写完才看到第一行。

给程序一个围起来的活动场地，能做的事情有限，出问题不容易影响外面。

先去资料库找证据，再让 AI 根据找到的内容回答，而不是只凭记忆。