麦式参考 MickerBook Reference

别从 90 个词里迷路

路线从「说清需求」起步，经过认词，走到验收。看过词条或做完小测，进度会记在这台设备上，下次接着来。

第一次让 AI 做网站路线示意图
路线 1

第一次让 AI 做网站

从「说清楚要什么」开始，到页面能在不同屏幕上正常打开。

0 / 7
范围与边界 在需求里写清「只改哪里」和「不许动什么」，是防止 AI 顺手重构的唯一有效手段。 非目标 明确写下这次不做哪些事，让一个需求不会自己长大。 HTML 搭建网页内容结构的标记语言，决定一个页面里有什么、谁是谁、按什么顺序排。 CSS 负责网页「长什么样」的样式语言，控制颜色、间距、字体、布局这些视觉细节。 组件 可复用的界面积木：界面 + 样式 + 行为打包成一块，写一次、用很多处。 响应式设计 让同一个页面根据屏幕宽度自动调整布局，一套代码适配电脑、平板、手机。 验收标准 在开工之前就写下来的、能被第三方一条条勾掉的「做完了」的证据清单。
从第一步开始
怎么验收一个功能路线示意图
路线 2

怎么验收一个功能

把「AI 说做好了」拆成你能亲手检查的证据。

0 / 7
完成宣称 「做完了」是一句待验证的宣称，不是一个已成立的事实。 完成层级 同一句「做完了」可能站在六个完全不同的层上，说清是哪一层，争吵就消失了。 复现步骤 一串谁照着做都会看到同一个结果的操作，是「有问题」和「已修好」的共同裁判。 测试用例 一段写死的「给这个输入应该得到这个结果」，让机器代替你反复检查。 报错日志 程序出错时留下的原始记录，通常第一行就写着原因，剩下的是它经过的路。 验收标准 在开工之前就写下来的、能被第三方一条条勾掉的「做完了」的证据清单。 回滚 把系统退回到上一个已知可用的状态，是所有高风险操作的入场券。
从第一步开始
部署上线前必懂路线示意图
路线 3

部署上线前必懂

从构建、域名到监控和回滚，把上线从一句话变成可控步骤。

0 / 9
构建 把一堆源码文件处理压缩成浏览器能直接跑的静态文件，是上线前必经的一步。 网站托管 存放网站文件、一直开机对外提供访问的那台远程电脑（或平台）。 域名 网站的门牌号：一串好记的名字，让访客不用记 IP 数字就能找到你。 DNS 互联网的电话簿：把域名翻译成服务器 IP，决定你输入网址后去哪台机器。 HTTPS / SSL 给网站和访客之间的传输加密、并证明这就是你要找的那个网站，对应地址栏的小锁。 预发布环境 和线上几乎一模一样、但只有内部人能访问的环境，上线前的最后一站。 部署 把本机做好的东西送到线上服务器并真正生效，让别人通过网址就能用。 监控 持续盯着网站的健康指标，出问题第一时间通知你，而不是等用户来骂。 回滚 把系统退回到上一个已知可用的状态，是所有高风险操作的入场券。
从第一步开始