6年前端老兵,说说这半年AI对前端工作的冲击。
先说体感:AI对前端的冲击比对后端更大。
原因是前端有大量"模式化"工作。我组里有个同事用Cursor做后台管理页面(表格+表单+CRUD),从设计稿到可运行代码只用了2小时。以前这活至少两天。
正在被AI取代的工作:
- 组件编写:给描述就能生成React/Vue组件,准确率70-80%
- CSS/Tailwind:AI几乎完美生成
- 表单处理:验证、错误提示、提交逻辑
- API对接:给Swagger文档直接出请求函数和类型定义
- 单元测试:模板化,AI效率很高
AI还做不好的:
- 复杂交互设计(弹窗还是跳转的决策)
- 深层性能优化
- 跨端兼容适配
- 复杂状态管理
- 工程化决策(monorepo?构建工具?微前端?)
我的应对策略:
- 往上走:从"写代码"转向"做决策"
- 全栈化:纯前端护城河在变低
- 产品化思维:懂产品的前端更值钱
- 善用AI:成为"用AI最好的那个前端"
各位前端同学怎么看?你的工作受AI影响大吗?
3年React开发,说说我的感受。
AI确实在抢我的活,但也在帮我升级。
具体来说:以前我每天有大量时间花在写样式、写表单、写CRUD上。现在这些都交给AI了,我反而有更多时间去做以前想做但没空做的事:
我觉得与其说AI在取代前端,不如说AI在筛选前端。只会写组件的前端确实危险了,但能做技术决策、懂业务的前端反而更值钱了。
一个数据分享:用AI之后,我的代码产出量增加了200%,但花在写代码上的时间反而少了30%。省下来的时间全用在Code Review和技术方案设计上了。
1 个赞
Vue开发者来说说不同的视角。
楼主说"AI对前端冲击比后端大",我有不同看法——取决于你做什么类型的前端。
ToB后台类前端:冲击最大。表格、表单、增删改查,AI写得又快又好。这类工作确实在快速被替代。
ToC用户端前端:冲击中等。用户端更注重体验和细节,AI能写出"能用"的代码但很难写出"好用"的代码。动画效果、交互细节、微交互这些还是需要有审美和经验的人来打磨。
可视化/游戏类前端:冲击较小。WebGL、Canvas、D3.js这类需要专业知识的领域,AI的输出质量明显下降。
所以我的建议是:如果你现在做的是ToB后台类前端,赶紧转型。要么往全栈走,要么往ToC用户体验方向深入,要么往可视化等专业方向发展。
留在"写CRUD"的舒适区里,三年后确实会被AI替代。
1 个赞
UI设计+前端开发的双重角色来说一下。
有一个被忽略的趋势:设计师和前端的界限正在模糊。
以前:设计师出稿→前端切图→前端写交互→联调
现在:设计师出稿→AI直接生成代码→前端微调→联调
中间"切图+写基础样式"这步基本被AI吃掉了。这意味着:
- 会写代码的设计师竞争力暴增
- 有设计感的前端竞争力暴增
- 只会"切图"的前端面临最大风险
我现在的工作模式是自己出设计稿、自己用AI生成代码、自己调细节。一个人搞定以前两个人的活。
建议前端同学学一些设计基础——不需要多精通,能看懂设计语言、能自己做简单的UI决策就够了。Figma花一周就能入门。
1 个赞
全栈转型过来的前端说两句。
楼主提到的"全栈化"我非常认同。我去年从纯前端开始学后端,现在能独立开发完整项目,感受最深的一点是:AI让全栈变得更容易了。
以前从前端转全栈,你需要学数据库、学API设计、学部署运维,每个都要花很长时间。现在有AI辅助,很多后端的模板化工作AI能帮你搞定。你只需要理解核心概念和设计原则。
我的学习路径:
- 先用Supabase(BaaS,不需要写后端就能搞定数据库和认证)
- 再学Node.js/Express(AI辅助写API,上手很快)
- 最后学Docker+基础运维(部署自己的项目)
整个过程大约4个月,现在能独立接全栈项目了。比起以前只做前端,接单价格翻了一倍多。
纯前端做不了产品,全栈才能做产品。 在AI时代,能一个人做出完整产品的能力太值钱了。
3 个赞
应届前端实习生说点心里话。
说实话看完这帖有点焦虑
我刚入行就遇到AI冲击,感觉前路很迷茫。
但换个角度想,我们这一届反而是最适合跟AI一起成长的——从一开始就学会跟AI协作,而不是先学老方法再转型。
我现在的学习策略:
- 基础还是要扎实(JS原型链、浏览器渲染原理、网络协议这些AI帮不了的)
- 但具体写代码就大量用AI,效率先拉满
- 同时开始学后端和产品设计
楼主说"以后的前端做的是产品",这句话给了我方向。谢谢!
1 个赞