为什么 AI 编程在前端表现力看起来这么强

84 阅读5分钟

2025 年发布了四款模型,每次都有人说前端失业了,我真服了这种营销号,还好最后这种号都被骂了,不过四款模型的前端审美真的提高了不少。今天我尝试根据我这几年的观察和思考尝试论述为什么 AI 编程在前端方面表现得这么出众。

大致分为四个方面,前端的多解性掩盖了模型概率输出的不足;模型的上下文管理工程被前几年的 dx 运行做好了;前端从业人数多讨论量大;前端视觉传达效果好,和人多这个因素相互促进。接下来我将一一论述。

image.png

前端支持多解

前端开发算是编程里最不严谨的一个领域了,对于同一种效果我们支持多种不同的实现方式。想想前端实现居中有几种方式:flex,grid,子绝父相,text-center,margin: 0 auto; 怎么写怎么对。想想前端前几年如雨后春笋般出现的各种开发框架,各种 css 方案,还是怎么写怎么对。

而现在流行的 AI 本质上是一个概率函数,他不是真的进行推理,输出的内容天然就有多样性和不确定性。

这两个结合到一起,便把 AI 输出内容不稳定这个影响给降低了,就算一个页面里用了多种不同的居中方式但是页面看起来还是居中的,甚至方式写错了,浏览器也不会报错,看到页面长这样还以为是设计的一种。

前端开发的上下文管理被提前做好了

在 AI 热点前就已经流行前端圈就是网红圈的说法了,经常看到 react vs vue 之类的比较,还有 webpack vs vite,css-in-js vs tailwindcss vs css-module...而且话题量还很大,很多非前端的开发者批评前端太浅了导致前端开发胡乱折腾找存在感。都还记得以前配置一个脚手架,安装十几个依赖,配置 webpack,babel,eslint,prettier,typescript 这些文档之后,只为了 app.tsx 里的那个 hello 能打印出来吧?(还好后面有了 vite 模板,说到这还是要支持 you 大的 vite+)

但是经过这几年的折腾,到今天,AI 进入前端工程后,发现能够获取到充分的上下文。

配置即文档
  • package.json:依赖了什么库、版本多少、脚本怎么跑,一目了然
  • tsconfig.json:完整的类型系统配置
  • 构建配置:Webpack/Vite 的显式规则
约定优于配置
  • Next.js/Nuxt 的目录即路由
  • React/Vue 的组件文件结构
类型即契约
  • TypeScript 接口:清晰的 API 边界
  • IDE 集成:实时类型推导和补全 拿我熟悉的 vue 举例子,UI(模板)、逻辑(JS/TS)、样式(CSS)、数据结构(Interface)往往在同一个 vue 文件相邻文件或者固定目录下的文件中。

前端社区这些年来为了让自己爽而堆砌的所有工程化基建,意外地为 AI 编程铺平了道路。 我们把上下文整理得太好了,以至于 AI 拿来就能用。

当然,现在社区和厂商还要继续推 agent.md 规范,还要把上下文工程做到极致。

前端从业人数多,讨论量大,生态活跃

“我奶奶都能来写前端了”。在几年前这种话依然在网上能引起争论。也难怪,本来前端门槛就低,很多转码的都转了前端这是其一。前端除了浏览器里的网页应用,还通过 Electron 写桌面端、React Native/Flutter 写移动端、哦还有小程序想渗透到所有终端。而且因为都在写 webview,导致浏览器标准要一直推出新的标准,为了抹平浏览器差异,出了很多轮子,大家都还记得配置各种工具的痛苦吧。

我还记得会有人比较 react 和 vue 在 npm 上的周下载量...

从框架比到组件库,再比到格式化风格,再比到审美动效,真的天天有架吵有乐子看有新东西学,还有下面这个乐子

一图胜千言,前端视觉传达效果比其他的领域更容易抓眼球更直观

前端的另一个关键优势在于可被观测、可被展示、可被传播。和后端、算法、系统这些领域顶天了出个架构图速度对比图不同,前端的产出几乎天然是“可视化结果”。一个按钮好不好看、一个动画顺不顺、一个页面有没有高级感,不需要读文档、不需要跑 benchmark,截图或者 GIF 就能看懂。

而且审美这东西多元化存在共识的余地但是不存在精确的标准。看起来还行,挺现代风格的,有点像 Apple 发布会的风格.....样式看起来高级导致容易忽略代码层面的瑕疵。本来网上就有大量动效,还有各种大厂的复刻版本,以前抄起来麻烦,但是现在 AI 唰唰两分钟出来了然后大家终于都知道了好资源,就说模型好牛逼审美好。我说白了那些 KOL 写过几个现代前端项目啊......

但是就和前端在编程行业处境是一样的:前端领域的反馈信号本身就更偏向结果导向,而不是过程导向。老板也只看你页面好不好看,UI 只看你还不还原。

总结

前天读到的那篇说以后编码要转向不确定性,其实我想说,前端早就进行不确定性编程了。前端不是已死,而是享受了前几年 dx 折腾的红利,现在快速编码之后扩大自己的范围去思考业务需求,去探索更加完整的业务链,不要给自己设限。最低也要快点完成工作减少加班时间,对自己好点,到时候转行还要靠身体本钱呢。(逃了