当大家都在用 AI 写代码时，极少有人注意过不同前端框架正在悄悄吞噬你的上下文窗口和 API 账单。 工程师 Nolan Lawson 最近做了一组非常硬核… · @fishjar · TwKit

@fishjar

当大家都在用 AI 写代码时，极少有人注意过不同前端框架正在悄悄吞噬你的上下文窗口和 API 账单。 工程师 Nolan Lawson 最近做了一组非常硬核的实测：让大模型为同一个 UI 组件分别生成 React、Svelte、Vue 和原生 Web Components 代码，统计它们的 Token 消耗与错误率。 结果极其颠覆：React 代码的 Token 消耗量是原生 Web Components 的 1.8 倍。 原因不在于代码行数，而在于“抽象层税”。 让模型写一个带受控状态的输入框，React 需要引入 useState、useEffect、闭包依赖数组和合成事件机制。为了让类型安全，Prompt 里还得塞进复杂的泛型推导。模型为了绕开 React 的陈旧闭包陷阱，需要生成大量的防抖、Memo 包装和样板代码。 而原生 Web Components 只需要直接读写 DOM 属性与 Custom Elements 生命周期，Prompt 的上下文极其干净，模型几乎零幻觉。 框架抽象越厚，模型要推理的隐含规则就越多。当团队每天都在让 Cursor 或 Claude 跑自动化重构时，你在前端选用的每一个过度抽象库，都在每月账单上被乘以数万次 Token 损耗。

曝光 38 · 评论 2 · 点赞 0 · 书签 0