一座为你生长的私人学园

在真实世界里学会另一种观看。

从一条 TraceId 到一场展览,从订单状态到城市导视。这里不催你上课, 只邀请你每天带走一件以后还能用的东西。

CODEFIELDTASTETRACESYSTEMWONDER
EXPLORER PASS前端出发者

0累计光点

0留下作品

0/3今日节奏

00

7月20日星期一 · DAY EDITION

今天,留下一件什么?

你不需要先准备好。选一个与你今天精力相称的入口,完成后留下一张卡、一句话或一幅图。

NO. 20260720
01
后端 15 min+38 光点

追一次跨服务调用

从 travel 出发,画出 marketing 与 ticket 的输入、输出和失败传递。

02
回忆 3 min+12 光点

日志里先看哪四项

不翻笔记,写下时间、环境、入口服务之外的两项。

03
品味 8 min+18 光点

记录一个有意义的动效

它是在解释空间变化、状态反馈,还是单纯吸引注意?

先保存在当前设备,联网时同步到你的私人数据库。
01

BACKEND EXPEDITION

从你最常遇到的问题出发

你已经会理解业务,也能让 AI 写出后端。现在需要形成的是可接管能力:读链路、判状态、识别副作用,并在 AI 没找到答案时知道下一步查什么。

0%
0/6
CHAPTER 01 3 × 12 min

TraceId 侦察术

从一条报错进入后端世界

  1. 01

    固定时间、环境、URL 与参数

  2. 02

    在入口服务找到同一 TraceId

  3. 03

    沿 span / remote error 找到第一处异常

通关证据独立写出一张日志定位记录,而不是只贴整段日志给 AI。

你的真实高频任务

字段映射 · 状态显示 · 多端迁移 · 接口归属 · 数据来源 · 影响评估 · 支付 / 核销异常

主线内容来自近期 Codex 任务与崆峒九仓库事实,不是通用 Java 课程目录。
02

TRACE LAB · CASE 001

一条报错,四个服务,哪里先偏离?

这是教学用的模拟日志,不对应线上真实订单。目标不是记命令,而是养成固定调查次序:请求事实 → 入口服务 → 下游错误 → 第一处异常 → 契约对比。

INTERACTIVE

frontend-response.json

{
  "code": 500,
  "message": "预约创建失败",
  "traceId": "KT-260719-A13F"
}
POST · 预售预约 · 测试环境

事故简报前端参数看起来完整,接口 186ms 返回 500。你从哪里开始?

把模拟方法带到真实日志平台 展开调查清单
  1. 01

    固定请求事实时间、环境、URL、method、用户/订单标识、请求参数、响应与 TraceId。

  2. 02

    查入口服务用 TraceId 精确搜索;先确认请求到没到、进入哪个 Controller、总耗时多少。

  3. 03

    沿下游调用搜索 Feign、HTTP client、RPC、spanId、remote error;不要被最后一层包装异常带走。

  4. 04

    找第一处异常第一条业务校验失败、数据库错误、超时或第三方错误,通常比最终 500 更接近问题。

  5. 05

    回到代码证据对比 API wrapper、Controller、Request DTO、Service、DTO copy / mapper;再决定改哪一端。

通用搜索思路traceId:"KT-…" AND service:"travel"具体语法取决于公司使用的日志平台;这里不假定是 ELK、SLS 还是 Loki。
03

FIELD NOTES

出门,把城市当作接口文档

真实空间里到处都是状态、反馈、权限、等待和异常处理。一次采样只带一个观察视角,带回三个样本,再把一条规律用到产品里。

0 枚采样章
FIELD PASS04
餐厅 / 茶馆 / 买手店20 min

本次镜头 · 选择设计

研究一张让人快速下单的菜单

观察默认项、推荐项、限制条件、价格组合如何减少决策负担。

带回来
  • 1 个默认选择
  • 1 个限制说明
  • 1 种价格层级
可以带回工作

商品规格、预约场次、保险勾选

04

TASTE CINEMA · 7-DAY PROGRAM

品味不是多看,是会判断

每天研究一种视觉方法。先看它解决什么,再说它好不好;最后把一条原则翻译到自己的产品。下方示意图均为本站原创 CSS 构成,不复制平台作品。

今日片单

原创构成练习 · 不代表该风格的完整历史

运动是解释,不是烟花

有叙事的动效

动效应说明对象从哪来、状态怎样变、用户动作得到了什么回应。

看作品时只找这三件事
翻译练习

给任务完成设计一个 300ms 内的反馈,只用位移、颜色和数字变化。

别学表面

所有内容一起淡入,或用长动画掩盖等待。

自由发挥 · STRANGE CONNECTIONS

奇异连接机

技术概念真正进入直觉,往往发生在你能用另一个世界解释它的时候。
后端世界幂等TECH
真实世界博物馆检票口FIELD

同一张票刷两次,系统怎样知道第二次不是一位新游客?

05

AGENT SALON

三个 Agent,不必抢同一把椅子

Codex 现在已经能完成本站的产品、代码、内容结构与浏览器检查。长期运行时再引入一个 Gateway;记忆、进度与正式内容仍应保存在网站自己的数据库。

CODEX CAN BUILD THIS

建造者与编辑中枢

Codex

最适合读你的多仓库代码、设计与实现网站、做浏览器检查、把成熟方法沉淀为 Skill,并按任务并行工作。

  • 仓库级开发与代码审查
  • 浏览器视觉与交互检查
  • Skills / Plugins / MCP
  • Scheduled 候选内容任务
边界

它是开发与执行环境,不应被当成网站全天在线的业务后端。

查看一手资料
能力CodexOpenClawHermes
建站与改代码主力转交 Codex可做
本地九仓库理解最适合需配置需配置
全天在线非业务后端适合适合
手机与聊天入口非主定位有 Gateway
每日内容任务桌面在线时常驻调度常驻调度
能力基于 2026-07-19 官方资料;部署前仍需锁定版本并实测所用功能。

未来 · OpenClaw全天调度 / 手机入口 / 通知

网站 API / 数据库唯一的正式进度与内容来源

现在 · Codex建站 / 内容编辑 / 代码维护 / 检查

Hermes Agent 保留为替代实验运行时。OpenClaw 与 Hermes 不同时承担常驻 Gateway。

06

MUSEUM OF USEFUL FAILURES

AI 没解决的,才最值得收藏

你不缺让 AI 生成代码的能力,缺的是卡住时的人工接管路径。把失败保存成可复用证据:下次遇到相似情况,你会比 Agent 更早知道该查哪一层。

0 件藏品

HUMAN OVERRIDE PROTOCOL

AI 卡住时的五级接管

  1. 01

    事实我实际看到了什么?请求、响应、状态和时间能否复现?

  2. 02

    边界错误属于页面、API 契约、单服务规则、下游服务还是环境?

  3. 03

    分歧点数据从哪一步开始与预期不同?变量、状态或副作用是什么?

  4. 04

    证据哪一段源码、日志、SQL 或测试能支持这个判断?

  5. 05

    决定改哪一层,失败与重复执行时会发生什么,哪些还没有验证?

让 AI 继续工作的最好材料,通常不是“再试试”,而是一条你亲自确认的分歧证据。

PRIVATE COLLECTION

我的失败藏品

展柜还是空的下一次 AI 反复改代码却没解释清楚时,把那个瞬间放进来。失败会变成你的后端直觉。

前端出发者0