前端
垂直代码架构
按 components / hooks / types / utils 分文件夹是按类型分组,Sentry 代码库十年下来 top-level components 目录堆了 200 多个文件,从 analyticsArea 到 workflowEngine 什么都有。按领域就近放置,改一个功能不用翻五个文件夹。
我通常习惯外层是通用的,每个 feature 都有各自独有 components、hooks、types、utils 各自管理,跟这篇的思路基本一致:
- components/
- hooks/
- types/
- utils/
- features/
- dashboard/components,hooks,types,utils
- todo-list/components,hooks,types,utils
滚动驱动的动画
CSS 终于原生支持滚动驱动动画了。animation-timeline: view() 一行代码把 keyframe 的时间轴从"播多久"换成"滚到哪",同一套 @keyframes 两种用法。浏览器支持已到 85%,Firefox Nightly 默认开启。
ES2026 新功能有哪些
What's actually new in JavaScript (and what's coming next)
ES2025 刚落地,ES2026 候选方案已通过。Iterator helpers、Set 新方法、Promise.try 这些现在就能在生产用。Temporal 虽然到了 Stage 4 但推迟到 ES2027,using 和 import defer 也还在路上,好在 polyfill 和浏览器实现已经成熟。
AI
Agent Harness 剖析
The Anatomy of an Agent Harness
Agent harness 是 agent 的运行外壳,管 prompt 调度、工具路由、上下文窗口、错误恢复这些脚手架逻辑。随着 agent 从 demo 走向产品,harness 的工程质量直接决定了 agent 的可靠性上限。