从不会前端到独立做网站：我用AI辅助开发的90天
我是一个做了五年后端的人。JavaScript对我来说长期停留在”能改改jQuery”的水平。React是什么我知道，但没写过一行。
三个月前，我决定做一个完整的网站——前端到后端自己全包。用的是AI辅助。
不是出于什么远大理想，单纯是”我想看看现在一个纯后端的人能不能靠AI补上前端的缺口”。
记录一下过程。
第1-2周：完全懵的状态
前两周一半在学基础，一半在跟AI吵架。
学基础的部分：HTML结构、CSS布局、JavaScript基本语法。这些我找了个教程快速过了一遍，大概用了三天。
然后开始正式写。第一个任务是搭一个登录页面。
我告诉AI：“帮我用React写一个登录页面，有用户名和密码输入框，一个提交按钮。”
它给了一个组件。我看了一遍，大部分能理解，但有几个东西完全看不懂：
useState是什么？为什么一个变量要用函数来”声明”？onChange和value为什么要绑定到一起？- 为什么表单提交要用
e.preventDefault()？
每个问题我都追问AI，它解释了，但我需要时间消化。第一周的产出：一个长得很难看的登录页面，但能跑。
教训：AI能帮你写代码，但不能替代你理解基础概念。 如果你对React的状态管理一无所知，AI写的代码对你来说就是黑盒子。黑盒子出了问题你修不了。
第3-4周：开始有点感觉了
从第三周开始，我能看懂AI写的代码的70%左右了。剩下30%需要它解释。
这个时候我做了一个关键决定：不再让AI一次写整个组件。
之前的模式是：我说需求，它给我完整组件，我复制粘贴。
改成：我先自己写一个粗糙的版本（能跑但丑），然后让AI帮我改进。
这个改变很重要。因为自己写的时候，我会遇到真实的问题——“这个状态应该放哪”、“这个事件怎么处理”。然后我带着具体问题去问AI，它的回答我能听懂。
这四周做完了：登录页面、用户资料页、一个简单的Dashboard。
第5-8周：踩坑最多的阶段
这个阶段开始做核心功能，坑也最多。
坑一：CSS永远学不会。
我花了至少两周在调样式上。不是调颜色的那种调，是”为什么这个div跑到了那个位置”、“为什么响应式布局坏了”。
AI帮我解决了很多，但有些问题它给的方案也不太好用——比如用了很多我看不懂的CSS技巧，出了问题我还是修不了。
最后我的解决方案是：用Tailwind CSS。类名直白，出了问题我知道改哪个类。
坑二：状态管理比想象的复杂。
我的网站有一个功能：用户可以在不同页面之间切换，数据要保持同步。一开始我用React的useState，后来发现组件之间的状态同步是个灾难。
让我自己解决这个问题，可能要花一周查资料。但AI五分钟就给出了答案：用Context API或者Zustand。
我选了Zustand，因为它比Context简单很多。
坑三：部署是另一个世界。
代码写完了，怎么上线？我以前只管后端部署，前端部署对我来说是全新的。
AI帮我搞定了Vercel的部署流程，但中间遇到一个坑：API跨域问题。本地开发时前端和后端在同一台机器上，部署到Vercel之后域名不同，CORS拦截了所有请求。
这个坑花了半天才解决。
第9-12周：打磨和优化
最后一个月主要是把东西做得不那么糙。
加了动画（用Framer Motion，AI推荐的，比手写CSS动画简单十倍）、优化了加载速度、做了移动端适配。
最终成果：一个不算好看但至少能用的网站。有用户注册、登录、Dashboard、数据展示。
90天后的总结
如果用一个词形容这90天：加速。
没有AI的话，我从零学前端到做完这个项目，保守估计要半年。AI把时间压缩到了三个月。
但有个重要的区分：它压缩的是”从知道到做到”的时间，不是”从不了解到知道”的时间。
如果我对React的状态管理、组件生命周期、CSS布局原理完全没有概念，AI给我的代码我只是一个搬运工。搬运工遇到问题的时候是没有任何排查能力的。
所以我这三个月的学习路径是：
概念学习（教程）→ 实践（自己写）→ 验证（让AI改进）→ 理解（搞清楚为什么这么改）不是：
需求 → 让AI写 → 复制粘贴后者也能跑起来，但你不会有任何成长。
你也在用AI学新技术吗？效果怎么样？