前端界面比想象中复杂好多

6 月 19 日
 weiyunjun

刚接触 Vibe Coding 时就感觉前端比后端复杂好多，后端只需要不停按照需求优化性能就好了，有客观的测试数据，如果优化效果不符合预期就检查架构是否有改进的空间。总而言之就是流程可控。

前端界面一开始完全不会，找类似软件学习，然后和 Codex 描述需求，各种细节瑕疵，花费很大精力改得差不多，身心俱疲，然后下一次改动又重复一遍这个流程。

痛定思痛，反思流程问题，于是整理出前端文档，找 ChatGPT 网页端生成组件和布局的示意图，包含各种状态。再让 Codex 根据示意图和文档绘制界面，再修改文档修复 bug ，改完以后找 ChatGPT 重新生成最新版本的示意图。

这个过程真的很漫长，因为端到端测试都要自己来，而且还不放心，还要再开一个窗口让 Codex review 代码。

其实我之前尝试过 Claude Design 和 Claude Code 协作写前端，但细节有很多问题，Claude Code 也处理不好。我想请教一下大家，是前端本来就如此复杂，还是我的流程有问题导致如此繁琐？

7084 次点击
所在节点    程序员
26 条回复
Retas
6 月 20 日
听 OP 描述，可能对前端模块化了解不是很多。大多数界面都是可以通过模块化把组件规范制定好之后，界面设计就不需要关心了。目前主流实现是上 UI 库，然后根据项目定制主题，制定好 Rule 后让 AI 猛猛干
drymonfidelia
6 月 20 日
后端能用就是能用，不能用就是不能用，AI 有明确的判断标准
前端按钮白底白字显示在半透明图片下面，AI 也觉得能用
seWindows
6 月 20 日
前端后端皆为盲盒抽奖，只不过前端容易感觉出来。

后端能用，但是你不知道也没有逻辑绕过 bug ，ai 大量加非必要互斥锁之类。

差不多是测试能用不代表生产线也能稳定之类
JasonYip
6 月 20 日
后端有明确的验收标准 所以对 ai 来说问题容易回归。前端很多东西不容易用自然语言描述，设计出来的样式也有比较高的主观性，所以 ai 不容易做出来。但说实话后端也不简单啊 ai 可以帮你设计方案，但是最后做决策的还是人，各种中间件和屎山耦合在一起牵一发而动全身，还要考虑一大堆兜底和取舍问题
weiyunjun
6 月 20 日
@JasonYip 从第一个项目开始架构就是自己决策的，哪怕当时只懂基本的语法，全靠架构直觉推导出一个貌似可行的架构然后不断迭代。但前端这么干真的行不通，所以客观上确实遇到困难了。
saySilence
6 月 21 日
简单系统前端更费时间，复杂系统后端更费时间。
就前端来说，除非你懂设计，否则在编写页面的时候根本不知道要做成什么样。如果全权交给 AI ，那更是盲盒，抽出来页面不好看就 G ，先出设计再实现代码应该是质量最高的。
另一方面，前端很难验收，如果要让模型自己验收，对多模态的要求非常高，而且就算使用 chrome devtools mcp ，他的能力也是有限的，所以几乎是必须要自己去验收。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/1221555

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX