叶小钗

Gemini3发布,前端已死?我他妈今年死了快10次了!

还是上个月,Manus1.5发布,其核心任务或者展示点貌似就是网站开发,虽然没明说但几乎就是冲着前端来的!

再到这两天Gemini3发布了,网上各种喧嚣直上的观点都是前端已死!我他妈前端招谁惹谁了,天天被各种针对?

最早是互联网萎缩前端已死、然后各种SaaS工具平台出来前端又死、紧接着就是低代码零代码出来还是前端死、再然后Coze、Dify出来也是前端死、紧接着Cursor、Claude Code出来当然是前端死......

前端是掏了他们祖坟了,现在各个公司Leader也似乎听进去了,前不久基友公司前端就裁员了50%前端,这下不用危言耸听了,前端真的快被他们干死了...

所以,我这里不得不问一句:AI是真的想要干死前端吗?

AI杀死前端

首先,AI对程序员,尤其是前端的冲击之所以尤为直接和剧烈,其核心原因在于范式和数据。

AI开发者对于程序员的习惯过于熟悉,另一方面各种开发相关框架已经非常成熟了。

自ChatGPT诞生以来,真正能稳定消耗算力的文本类AI应用,主要集中在直接聊天、AI客服与AI编程三大领域。

其中,AI编程的爆发,离不开全球开源社区构建的庞大代码语料库。GitHub上超过2亿个开源仓库,为代码模型的训练提供了海量、结构化且质量极高的"教材"。

将视角聚焦到前端,我们会发现一个关键事实:业务逻辑的可穷举性

前端的业务逻辑,尤其是UI组件与交互模式,相对规整且模式化。经过数十年的发展,这些模式在GitHub上已被近乎完全穷举。这意味着:训练一个精通前端开发的AI,所需的数据是完全充足的。

相比之下,后端领域虽有大量代码,但企业的核心业务逻辑代码通常不会开源,导致语料在深度上有所欠缺。至于芯片设计等更为底层的领域,由于缺乏开源语料,AI辅助编程几乎无从谈起。

因此,我们必须承认:正是由于前端业务逻辑的相对简单性与开源语料的极度丰富,使得AI在前端领域能够快速达到"优秀"水平,从而对前端开发中"代码生成"这一环节构成了最直接的冲击。

这一冲击在当前的工具生态中已显现端倪。从GitHub Copilot到Cursor,从Claude Code到通义灵码,AI编程助手正在快速渗透前端开发的日常工作流程。

业界估计与我的实践一致:前端开发中约60%+的标准化任务已可实现高度自动化,包括组件生成、样式编写、基础业务逻辑实现等。

所以前端要被马上淘汰了吗?常说的AI对前端的10倍提效在哪?

前端的10倍提效?

就我个人实践:AI 确实能在某些场景下实现 10 倍甚⾄ 100 倍的效率提升,但在真实业务开发环境中,实际的效率提升通常不到 60%。

为什么差距会这么⼤?接下来,我们详细拆解这个问题。在许多 AI 的宣传案例中,我们经常看到这样的⽰例:

输⼊提⽰词:
"帮我实现⼀个数独游戏,使⽤ JavaScript 实现。"

⼤约 30 秒后,Cursor 即可完成从需求分析、问题拆解、编码实现到效果预览的完整流程。⽰例效果:

Image

这个数独游戏不仅实现完整,还⽀持响应式布局。

如果让开发者⼿动编码实现,⼤约需要 4-8 ⼩时,⽽ Cursor 仅需 30 秒,提升的效率何⽌ 10 倍?甚⾄ 100 倍。

这类场景的确容易让⼈认为 AI 具备颠覆性的效率提升。但我们需要拆解这些案例的特点:

  1. 需求清晰、任务简单:数独游戏的规则固定,AI 只需基于已有的训练数据⽣成代码,⽽不需要额外的上下⽂理解;
  2. 代码质量不重要:在展⽰“AI 速度”的场景中,代码的健壮性、可维护性往往被忽略。哪怕⽣成的代码不符合团队规范、不易扩展,也不会影响展⽰效果;
  3. 极端场景的放⼤:⼀些演⽰视频可能会挑选 AI 表现最优的时刻,⽽忽略它犯错的情况。例如,在 AI ⽣成 UI 代码时,可能会遗漏复杂交互的细节,导致实际使⽤时需要⼤量修改;

这种能⼒对于⾮专业开发者快速验证 MVP的⻔槛⼤幅降低

然⽽,这仅仅是理想化的场景,现实中的业务开发却远⽐这个复杂得多。

真实场景

为了分析 AI 在业务开发中的实际提效,我们先拆解前端开发的典型流程,以及各环节的⼤致时间占⽐:

Image
开发环节
时间占比
需求分析
10%
技术方案设计
5%
UI 设计与组件开发
20%
业务逻辑与状态管理
20%
API 集成
15%
路由与权限控制
5%
测试与调试
15%
构建与部署
5%
其他
5%

从表格可以看出,占据开发者较多时间的环节主要是:

  1. 需求分析
  2. UI 还原与组件开发
  3. 业务逻辑实现
  4. API 集成与调试

接下来,我们分析 AI 在这些环节中的实际表现:

需求分析:AI 介⼊难度极⼤

原因很简单:

  1. 需求分析涉及业务背景、上下⽂理解、利益取舍,需要⼤量主观判断。
  2. 需求变更频繁,AI 很难⾼效处理动态变化。
  3. 许多需求难以⽤⾃然语⾔准确描述,导致 AI ⽣成的内容不够精准。

结论:AI 在需求分析环节⼏乎⽆法发挥作⽤。

UI 还原:能⼒有限,仍需⼤量⼈⼯调整

当前 AI 可以基于 Figma 设计稿或截图⽣成 UI 代码,但仍然存在较多问题:

  1. ⼤多产品UI⻛格定制化程度⾼,AI 难以精准适配。
  2. 解析图⽚时容易丢失信息,导致代码偏差较⼤。
  3. ⽆法抽离公共组件,导致代码冗余,复⽤性差。
  4. ⽆法直接与现有组件库(如 Ant Design、Material-UI、内部⾃定义组件库)⽆缝对接。

结论:还原效果不稳定,仍需⼿动调整,不如⾃⼰编码实现。

业务逻辑实现:AI 提效最明显的环节

如果我们能够把功能模块拆解清楚,提供⾜够的上下⽂,清晰表达要做什么事情,AI 确实能够⼤幅提升开发效率。适⽤场景:

  1. ⽣成 CRUD 代码(增删改查)
  2. ⽣成算法实现(如排序、解析等)
  3. ⽣成⼯具函数
  4. 代码重构与优化
  5. 代码⾃动补全与⽂档⽣成
  6. 单元测试⽤例的⽣成
  7. 历史代码的阅读理解
  8. 潜在的bug分析

结论:AI 在这⼀环节能带来 30% 左右的提效。

API 集成与调试:介⼊难度⾼

这里的挑战是:

  1. 前后端项⽬分离,AI对于后端项⽬⽆感知,⽆法协同
  2. 接⼝字段对接繁琐,隐性使⽤条件多,难以⽤⾃然语⾔描述完整

结论:AI 在 API 集成环节的作⽤有限,调试环节⼏乎⽆能为⼒。

结语

综上所述,在完整的前端开发流程中,AI 能真正带来显著提效的环节主要是业务逻辑编码实现,在其他环节的作⽤⾮常受限。

整体来看:AI 实际带来的提效是不到60%的,那么,是否意味着我们只能接受这个上限?这倒真不⼀定。

因为,当前项目开发,AI是处于一种上下⽂的缺失的状态,如果接下来模型上下文再次增加,我们的开发范式更为匹配AI的习惯,那么这个数字确实会再次提升...

所以,危险的不是前端,而是整个程序员!

首先说下前端,还是应该快速转型,下面这篇文章或许有用:《前端可以转型AI工程师吗?那可太能了...》

其次是整个程序员行业,但你真要说AI消灭了程序员,那又是不对的,事实上AI Coding 的发展应该说是我们即将进入自然语言编程时代,真实在几个公司复杂AI项目的情况是:核心代码1万行左右,提示词大几十万行。

可以认为,提示词的编写就是自然语言编程,所以AI并不会消灭程序员,他消灭的是只会工具使用的那一部分,非要给个称呼我觉得可以叫代码搬运工...