评论
点赞
收藏第36期月度笔记：一个开始
<p>以下是我从2026年6月到8月的笔记和反思。</p><p>上一次月度更新是在五月。不知怎的，三个月过去了。一路上，我几次打开笔记本，记下一些关键词，告诉自己周末或有空时再补充剩下的。<br><br>现在就是这样。我也在这段时间里满31岁，所以我称这次为<em>一个开始</em>.背后没有什么宏大的意义。只是几个月的片段生活。把它当日记来读。</p><p>发生了很多事：去韩国旅行，做些稍微疯狂的氛围编码，调整我的阅读流和小世界，买了几个新玩具，重新开始玩游戏。翻看我的日记，有些周末我已经完全忘了。<br><br>幸好当时我留了几行。</p><h2>人工智能法案持续增长</h2><p>上一个问题，我说一个Claude账号不够。过去几个月，我一直在购买更多的AI订阅。现在我已经有两个Claude Max 20x账号，加上一个ChatGPT Pro 20x账号、Cursor Ultra×Grok Bot（主要是想试试Grok Bot，后来他们降低了订阅要求......），还有我一路上尝试过的各种工具。<br><br>AI账单已经超过1000新元。我以前为买应用而苦恼。现在我又为给另一个AI账号提供信息而苦恼。</p><p>虽然很贵，但我用它做过几个非常酷的系统。有些是工作上的实验;有些纯粹是给自己玩的小玩具。几个月前，我甚至不会考虑花时间在这些东西上。<br><br>现在我想：不如试试看。如果今晚能让它运行呢？那种感觉很快就会让人上瘾。</p><p>出门前，我会让我的特工们做些工作。当我晚上回家时，他们通常已经完成了大部分配额。我外出时，可以拿出手机布置其…</p> 
The Life of a User Message Inside Pi Agent — 26 Stations from Enter to JSONL
After you type «read and tell me what this project does in one sentence», that string passes through 26 stations, crosses six npm packages, morphs across three message layers, and only then becomes sc...
一条用户消息在 Pi Agent 里的 26 站旅程
你在终端敲下「读取，用一句话告诉我这个项目做什么」之后，这串文字要穿过 26 道工序、跨 6 个 npm 包、在 3 层消息模型里变形，最后才变成屏幕上滚动的 token 和磁盘上的一行 JSONL。对照 earendil-works/pi 生产源码与 hahhforest/pi-textbook 的 15 个 checkpoint，把每一步的类层级、事件流、owner 分工、可视化全摊开。 
After AI Takes Everything
随着AI使软件生产变得商品化，用户价值将从技术制作转向个体策展与选择。
当 AI 拿走一切之后
作者通过三封开发者来信，探讨 AI 全面接管执行后人类的处境。提出终态思维，认为意图即实现是未来，中间环节将消失。指出生产瓶颈移至人的验证环节，强调判断力、品味和推演能力是 AI 无法替代的核心壁垒。 警示认知异化和主体性流失，主张将价值感从外部反馈转向内在感知，工程师应向构建系统和守门人角色转型。
The Life of an LLM Inference — A Prompt's 28 Stops Inside llama.cpp
After you press enter on "hello, llama", those 5 tokens travel 28 stops inside llama.cpp before they come back as an answer — the tokenizer splits bytes into BPE ids, the embedding table fetches 4096-...
一次 LLM 推理的一生 —— 一个 prompt 在 llama.cpp 里走过的 28 个站
你敲下 "你好,llama" 按回车之后,这 5 个 token 在 llama.cpp 里要走过 28 个站才能换回一个回答——tokenizer 把字节切成 BPE id、embedding 表查到 4096 维向量、KV cache 决定整个推理的内存上限、attention 把 Q·Kᵀ 通过 FlashAttention 的 online softmax 在 SRAM 里融成一个 ker...
The Life of a Stylesheet — Inside Chromium's CSS Engine
A 4-line stylesheet has to traverse 9 stages, hit 3 index trees, and participate in an 8-step cascade before one pixel on screen turns oklch blue. Every step unfolded — Blink source-line citations, CS...
The Life of a TLS Handshake — TLS 1.3 Protocol in Full
A client fires off a 538-byte ClientHello stuffed with key agreement, version negotiation, ALPN, SNI, and a 0-RTT invitation. One round-trip later, HKDF grows eight keys out of a single root seed, the...
一次 TLS 握手的一生 —— TLS 1.3 协议全景
客户端打出一个 ClientHello 才 538 字节，里面塞了密钥协商、版本协商、ALPN、SNI、0-RTT 邀请。一来一回之后，HKDF 长出 8 把密钥，证书链被验过、握手被 HMAC 自证完整性、AEAD 接管所有应用字节——这一切要在 1 个 RTT 里干完。TLS 1.3 字节级手册，从 ClientHello 到 ECH 到抗量子 KEM。
一段 CSS 的一生 —— Chromium 样式引擎全景
一份 4 行的.css 文件要穿过 9 道工序、命中 3 棵索引树、参与 8 步级联,才能让屏幕上某个像素变成 oklch 蓝。把每一步的 Blink 源码行号、CSSOM 字段、级联规则、容器查询/@layer/:has 的实现细节,全部摊开。
Weekly #35: Vibe Coding Weekends with Professor Claude
作者分享了在2026年4月至5月期间使用Claude Code进行“Vibe Coding”的个人经验，总计消耗了257亿个Token，主要集中在六个周末。文章详细描述了同时运行多个任务的开发工作流，以及利用三星小折叠屏手机进行异步开发的体验，为关注AI辅助编程和开发者效率工具的读者提供了具体的一手数据和场景参考。 
月刊（第35期）：我和 Claude 老师 Vibe Coding 的周末
作者记录了2026年4-5月利用Claude Code进行高强度Vibe Coding的实践。内容包括个人博客功能升级、独立理财App上线、14篇深度技术文章生成、自制编程语言Penelope的设计与实现、以及基于AI的2D/3D游戏原型开发。 文章展示了AI辅助开发的具体案例、工程细节及个人反思，兼具技术深度与生活趣味。
Eight Translations of One Dispatch — A WebGPU Stack Source-Level Walkthrough
One pass.dispatchWorkgroups call traverses eight translations before it reaches GPU silicon — JS → Blink WebIDL → Renderer Wire → Mojo IPC → Dawn validation → Tint(WGSL→SPIR-V/MSL/HLSL) → Metal/D3D12/...
一次 dispatch 的八重翻译 — WebGPU 全栈源码深读
一行 pass.dispatchWorkgroups 到 GPU 之间要被翻译八次——JS → Blink WebIDL → Renderer Wire → Mojo IPC → Dawn 验证 → Tint(WGSL→SPIR-V/MSL/HLSL) → Metal/D3D12/Vulkan → 驱动 ISA。25 章纵向切开 WebGPU 全栈，Dawn + wgpu 双栈对照，真源码 · 真...
Many Ways to Die — A Family Map of 11 Garbage Collectors
The same line list = null frees immediately in CPython, waits for the next minor GC in V8, completes sub-ms concurrently in ZGC, dies only when the actor dies in Erlang, and was dropped at compile tim...
一次 setState 的一生 —— React 渲染流水线全景
30 章 · 32 张 SVG · 8577 行 · 双层标本 (Counter 简模板 + TodoBoard 全特性) · Fiber 双缓冲 · subtreeFlags bubble · root.current 翻转 · Lanes 31 位 + Entanglement + 饥饿提升 · Automatic Batching · Error Boundaries · Portal · ...