直到那些咬过你的机制被你内化，你才算一个真正的构建者

Nic Chan 发表了一份清单，列出了我们前端开发者所做的那些好笑、心酸、骄傲又古怪的事情——一份 Chris Coyier 描述为「你把身为前端开发者所做的那些好笑／心酸／骄傲／古怪的事一一勾选」的清单，得分越高「确实意味着你走过的路越多」。用 Honest Architect 的方式去读它，这份清单就不是琐碎的谈资。你勾选的每一格，都是一个你吃过苦头才学会的机制：一次因为某项属性既未实现也未在测量而发生的生产事故。rites of passage 就是机制，而 Theorem 3 说：一项属性当且仅当其机制已实现且在测量时才被保证。整段笑话，一本正经地讲出来就是这样。

一项 rite of passage 是一个在生产之痛中被测量过的机制

翻开 Nic Chan 的清单，你会看到与 CSS 层叠搏斗、调试盒模型塌陷、写下第一千个从不生效的 autocomplete="off"、因为原生 modal 撒谎而手搓一个无障碍 modal、以及为 Internet Explorer 哭过的条目。它们读起来像战场故事。实际上它们是一份目录，列出一个前端开发者若无机制便无法主张的属性：能在 re-render 后幸存的焦点管理、在各类视口宽度下不回归的布局、在屏幕阅读器下真正能提交的表单。你不是从某份规范学会它们的。你之所以学会，是因为属性在用户面前失败了，而那次失败被测量了——以一张工单、一次跳出、一次退款的形式。

[PERSONAL EXPERIENCE] HAI Engine 自 2016 年起在生产中运行，我们这边维持着同样的模式：一项功能从「我们认为它管用」跃迁到「它被保证」的那一天，正是强制它的机制被接好、且捕捉其回归的测量在运行的那一天。在那之前它是一项主张。之后它是一项属性。前端的 rites of passage 是同一条曲线，压缩进一段职业生涯里——你勾选的每一格，都是一个你曾凭信仰信任、如今却因能说出「若它撒谎就会崩掉的那个测试」而信任的机制。

这一点重要，因为清单只在事后才好笑。事发当下，每一条都是一个有名字的缺陷。老手比新手勾得多，原因不是资历；而是老手在场过更多次测量。一个在真实审计下交付过一个无障碍 modal 的 junior，所内化的机制是一个跳过无障碍的 senior 从未拥有的。分数是「你见证过多少机制失败、又在根上修好」的一个粗糙代理，而粗糙诚实的代理胜过精致不诚实的代理。

这份清单就是 Theorem 3，被当作笑话来讲

Theorem 3 出自奠定 Everythink 预测架构的 21 篇论文系列，它陈述：一项属性当且仅当其机制已实现且在测量时才被保证。把它重述给前端：一项布局属性当且仅当强制它的约束已实现、且捕捉其违反的测试在测量时才被保证。你——在清单所意味的意义上——直到你活过这句话的两半，才算一个前端开发者。你实现了机制（reset、flex 容器、focus trap），你也测量了它（跨浏览器一轮、屏幕阅读器一轮、Lighthouse 回归一次）。

[UNIQUE INSIGHT] 这份清单之所以读起来像一场入会礼，是因为机制是不可逆的知识。一旦你目睹层叠因为你没给选择器加 scope 而摧毁一个精心构建的组件，你就再也无法「不知道」scoping 是一个机制。这份清单是一份不可逆机制的名册，而那种会心一笑，是一项你如今凭反射就保证的属性所发出的声音。同样的逻辑贯穿 Everythink 的 Sisters → Oracle 管线：一个 Sister 的草稿只有在 Oracle 的归一化机制已实现、且熵测量在核查它时，才成为一份校准过的预测。没有那道机制的预测是一则故事；有了它，预测才是一个你能查询的概率锥。

对团队的含义是直接的。当你照着清单招聘，你招的不是怀旧。你招的是一组已内化的机制——那些在 design review 之前就先抓 focus trap 的人、在交付修复之前先写回归测试的人、把「在我机器上能跑」当作未测量的主张而非证据的人。这份清单是一份粗糙但诚实的技能清单，而粗糙诚实的清单胜过精致不诚实的。

「The space is the router」是 Everythink 构建者的 rite of passage

Everythink 的拓扑是 network → community → room，而承重的主张是 the space is the router：拓扑在任何东西响应之前先对请求路由。平台上的新构建者撞上的，正是 junior 前端撞上层叠时的同一条曲线。一开始拓扑看起来像命名——用来组织内容的文件夹。然后一个请求落进了错误的 room，或者一个社区的成员看到了本该给另一个社区的 campaign，构建者于是发现拓扑不是命名。它是决定谁收到什么的机制，而且它在任何模块开火之前就路由了。

那次发现就是 rite of passage。在它之前，构建者把 rooms 当桶。之后，构建者把 rooms 当 Social ✅、Campaigns ✅ 和 Calendar ⚠️ 这些模块所挂靠的路由层。「正确受众收到正确消息」这项属性，只有在拓扑被实现为 router、且投递被对照它测量时才被保证。把拓扑弄错，下游每个模块就继承错误的受众——就像一个 scope 错了的 CSS 选择器继承了错误的层叠、内部每个组件都崩掉一样。

这就是我们抗拒把拓扑称为「功能」的原因。它是功能所依赖的机制。Whitelabel Network ✅ 之所以管用，是因为 network 的边界是 router，而不是我们加了一个品牌色开关。World Monitor ✅ 之所以把 geo-signal 的增量流给某个视口的 tile，是因为 geohash 是 router——每个 tile 一个广播频道，于是客户端只收到它自己视口内的内容。在每一种情况下，一个买家可验证的属性（正确受众、正确 tile、正确品牌）都由一个已实现且在测量的路由机制来保证，而不是由销售文档里的某个形容词。

成熟度标签是这份清单的成人版

Nic Chan 的清单之所以有效，是因为它诚实地说出你是如何获得每一项的——你在生产中挣来的。Honest Architect 的声音把同样的纪律用三项能力主张标签上：Production ✅、Partial ⚠️、Roadmap 🔵。标签不是营销花活；它是一份关于机制今天是否已实现且在测量的陈述。

• Production ✅——机制已实现且在生产中测量。HAI Engine、Social、Campaigns、Whitelabel Network、World Monitor、Sisters、Oracle 都在此列。它们保证的属性是可核验的，不是被断言的。
• Partial ⚠️——机制对常见路径已实现且在测量，但有一处边缘仍开着。Matchmaking、Marketplace、Calendar 在此。我们如实说，因为一个被升格为 Production 的 Partial 项，是一项你其实并未完成的 rite of passage——相当于前端交付一个在顺利路径上能困住焦点、却在 escape 键上漏掉的 modal。
• Roadmap 🔵——机制尚未实现或尚未测量。Wallet & Token、Super App、Community Credit 在此。我们不会承诺 token、wallet 或 community-credit 的结果，因为它们处于 pre-revenue、受 Howey 审查、且机制未在测量。说别的，就等于一个 junior 在跨浏览器一轮之前就宣称「能跑」。

前端清单与成熟度标签共享一条规则：永远不要提升一个你未曾测量的状态。老手勾选无障碍那一格，不是因为他读过 WCAG 摘要，而是因为他跑过审计。我们不会因为设计漂亮就把一个 Roadmap 项标成 Production；我们把 Production 标上，是在机制已接好、测量转绿之时。

共享的经验是机制，不是受苦

对这份 rites of passage 清单一个常见的误读，是它庆祝受苦——好像前端是一场淬炼，而淤青就是凭证。Honest Architect 的读法恰恰相反。这份清单庆祝的是机制，受苦只是发现的成本。目标不是受更多的苦，而是更快内化机制，好让下一个构建者不必在一次生产事故下重新发现它。

这就是我们发表 21 篇论文系列、并把 Theorem 3 直白陈述的原因。论文是把机制写下来，好让一个新贡献者不必等到预测失败才理解为何归一化只住在唯一一处。定理是那条让审查者能问「机制是否已实现且在测量？」而非「这感觉对吗？」的规则。清单有效，是因为它把那个问题压缩进一格。论文有效，是因为它把那个问题展开成一道证明。

[ORIGINAL DATA] 21 篇论文系列是平台的学术脊梁，而 Theorem 3 是我们要求每一项能力主张都要挺过的那条线：说出机制、说出测量，否则放弃主张。它和一个前端 senior 在代码审查中所施行的标准相同——「给我看那个一旦回归就会崩的测试」——只是被提升到了一个预测系统。一个未经 Oracle 归一化的 Sister 草稿不是预测；它是一则带个性的故事。机制，才是把故事变成校准锥的那道工序。

Inclusion by design 是一项我们仍在勾选的 rite of passage

任何诚实的前端清单上都有一条：你交付过一项只对快连接、好硬件、拉丁文字的人管用的功能——然后你学到那是一个缺陷，而不是默认。你内化的机制是 inclusion by design：多语言内容、多模态输入、低连接回退。Everythink 的营销站发布一个七语种博客（英语无前缀，六个语种带前缀），正是因为「读者以其语言获得文章」这项属性，只有在语种路由已实现、键一致性测试在测量时才被保证。

World Monitor ✅ 在产品侧遵循同样的规则。网关按各自时间表轮询每个外部源、并从一个持久缓存读取，于是慢连接客户端读的是缓存，而不是为每次上游调用付费。「低连接客户端看到实时 geo-signal」这项属性，由一个已实现且在测量的缓存加网关机制保证，而不是靠祈祷连接够快。Inclusion 在这里不是 Roadmap 的修饰，而是一个背后挂着测试的 Production 机制。

这项 rite of passage，是接受「在我机器上能跑」从来不是一项属性。它是一句自白：机制对你没测过的那些机器并未实现。清单在前端教这一点。成熟度标签在平台教这一点。两者都拒绝让一项未测量的主张站成保证。

关键要点

• 一份前端 rites of passage 清单是在生产中习得的机制目录，不是怀旧胶卷。你勾选的每一格，都是一项你如今因其机制已实现且在测量而保证的属性。
• Theorem 3——一项属性当且仅当其机制已实现且在测量时才被保证——是清单所遵循却未命名的规则。笑话是定理，以战场故事来讲。
• 在 Everythink，「the space is the router」是相应的 rite of passage：network → community → room 在任何东西响应之前先路由，而把拓扑当命名的构建者还没被咬过。
• 成熟度标签（Production ✅ / Partial ⚠️ / Roadmap 🔵）是这份清单的成人版——永远不要提升一个你未曾测量的状态。
• Inclusion by design 是一项我们仍在勾选的 rite of passage：多语言、多模态与低连接支持是一个带测试的 Production 机制，不是 Roadmap 的愿望。

常见问题

这份前端清单只是怀旧，还是带真实信号？ 带真实信号。每一条映射到一个开发者已实现并见证其在生产中失败的机制——焦点管理、层叠 scoping、跨浏览器布局。分数是「你测量过多少机制」的粗糙代理，而粗糙诚实的代理在招聘中胜过精致不诚实的。

Theorem 3 如何应用到像 CSS bug 这么小的事上？ 直接应用。一项布局属性当且仅当强制它的约束已实现、且捕捉其违反的测试在测量时才被保证。前端的 rite of passage 就是活过这两半——实现 reset 或 focus trap，再跑那轮能捕捉回归的跨浏览器或屏幕阅读器测试。

「the space is the router」对一个 Everythink 新构建者意味着什么？ 意味着 network → community → room 拓扑在任何模块响应之前先对请求路由。把拓扑当命名，你就会把受众路由错；把它当路由层，Social、Campaigns、Calendar 模块就继承正确的 scope。那次发现，是平台的「学到层叠」。

为什么把一些能力标成 Partial 或 Roadmap，而不是当作完成来交付？ 因为 Partial ⚠️ 项有一处开放边缘，而 Roadmap 🔵 项缺少一个已实现且在测量的机制。在机制接好且在测量之前就把任一项升格为 Production，相当于平台版本的「在跨浏览器一轮之前就宣称能跑」——一项未测量的主张，而非保证。

Everythink 会承诺 token 或 community-credit 的结果吗？ 不会。Wallet & Token、Super App、Community Credit 是 Roadmap 🔵——pre-revenue、受 Howey 审查、机制尚未在测量。我们如实声明，因为一个 Roadmap 项永不被悄悄升格，就像一个老手从不会因为只读过摘要就勾选无障碍那一格。

这份清单好笑，因为它真实；它真实，因为每一行都是一个咬过某人、随后被测量了的机制。在同样的标准成立之处去构建——在那里拓扑在任何东西响应之前先路由、预测由一个你能说出的机制归一化、每一项能力主张都带着它挣来的标签。创建你的 network，从 rite of passage 的路由那一侧开始。

Sources

• 2025 — Chris Coyier, Master.dev Blog, "You're not a front-end developer until you've…" — https://master.dev/blog/youre-not-a-front-end-developer-until-youve/
• Nic Chan, "You're not a front-end developer until you've…"（Master.dev 条目所指向的原始清单帖）— https://www.nicchan.me/blog/youre-not-a-front-end-developer-until-youve/
• Everythink，21 篇论文系列及 Theorem 3（一项属性当且仅当其机制已实现且在测量时才被保证）— 内部架构手册及 docs/backend_architecture/