全部文章与笔记
双 RAF + MutationObserver:微前端跳转后的滚动复原完整方案
微前端跳转后滚动复原,不是一个 scrollTo 能解决的。状态要活过跳转、元素要出现在 DOM、还要等渲染真正完成——三件事都得在浏览器渲染管线的正确时机触发。「元素在 DOM 里」和「元素画好了」是两个不同的问题,用错 API 就会踩坑。
2026.05 · 掘金
一张微前端技术卡的 AI 协作复盘:业务之下,还有一层
做了一张微前端技术卡,AI 给的代码能跑,但一直有个元素找不到。loop 了三四次才意识到:不是 AI 不行,是我从没给过它业务之下那一层的信息。这篇是对这次 pair coding 的复盘,也是对 AI 协作模式的一次重新想。
2026.05 · 公众号
你的页面对 Google 来说不存在 —— 一次微前端 SEO 链路排查
不是排名低,是页面对 Google 完全不存在。这篇记录了一次微前端项目的完整 SEO 排查过程,以及从中整理出的四层诊断框架:链接发现、可访问性、内容渲染、语义理解。断点找错了层,改再多也没用。
当系统「没了头」(headless),AI 反而更好接手了?
Headless 架构的本质是「只暴露能力接口,不预设 UI 形态」。AI Agent 作为新型消费方,恰好不需要 UI——这让 Headless 成为最易被 AI 接手的系统形态。但 API 设计与治理成本并没有因此消失。
2026.02 · 掘金
赛博纺织工厂:一个比喻,讲透 AI Agent 工作流的四次进化
用纺织工厂改造比喻 Agent 系统的演进——V1 结构化执行,V2 规划反思,V3 记忆管理,V4 安全护栏。能力越强,需要的约束越精密。工程化的关键不在 AI 本身,而在于通过流程设计与安全防护让复杂系统在生产环境里稳定运作。
「好逛」和「好找」不是同一件事——电商独立站的 IA 取舍
假期逛精品小店,遇到喜欢的东西直接拿下,完全不费力气。但同样的商品放到网上,打开页面却感觉脑袋嗡嗡的——分类、筛选、产品卡片铺天盖地,反而不知道从哪里看起。同样是挑东西,为什么体验差这么多?这篇文章从这个问题出发,聊聊电商独立站的信息架构设计,以及「好逛」和「好找」背后那个很少被说清楚的取舍。