astro bun Deno logo
Skip to content
Go back

从前端开发到 AI 全栈,记录一下最近的变化

Edit page

已经很久没有手搓代码了。

在 Codex 出现前,我是一个前端开发工程师。博客里记录的,大多是以前工作中遇到的问题,或是突然有个想法,自己试下,发现能实现,就把过程记下来。

比如之前写的 CSS Grid + nth-child:极简实现搜索表单展开收起。表格上面的搜索表单,展开收起是个很常见的功能,但总觉得可以做得更简单些。用 Grid 排列,再用 nth-child 隐藏中间的表单项,保留前几个条件和最后的操作按钮,展开收起的布局就解决了。

这篇我到现在都挺喜欢。功能不大,但自己想到可以这样组合,试了下,还真行,就很有感觉。以前写代码的成就感,有一部分就来自这种突然想到一个做法,再把它实现出来的过程。

但现在,全面转向 Vibe Coding 之后,这种感觉有点变了。

很多代码已经不用自己写了

现在做一个功能,更多是在跟 AI 说我要什么,让它先看现有代码,再去实现。做出来后,自己看效果,不对的地方继续改。

包括说,我现在关心的也不只是前端了。一个功能从页面到接口,再到数据怎么存,都可以一起往下做。因此,我也把自己的职业方向改成了 AI 全栈开发。

能做的事情确实多了。但回头看以前的文章,也会有点感慨:那些当时研究了很久的实现,现在让 AI 来写,好像也不是什么难事。

往日的辉煌似乎黯淡无光。说得有点夸张,但确实有这种感觉。

那以前学的东西,还有多少用?

做出来之后,还得自己看

至少从我现在的使用来看,代码写出来了,不代表就是我想要的。

比如我说优化一下项目展示,AI 给每个项目补了介绍,信息是完整了,但卡片又窄又长,看上去很难看。按钮单独看也没什么问题,放在一起,一个有边框,一个没有,就是感觉怪怪的。

这些东西,很难靠一句“帮我优化一下”就全部说清楚。还是要看实际页面,再具体说哪里不对,怎么调整。

写文章也是一样。把经历交给 AI,它能整理出一篇结构完整的文章,但有些话一看就知道,自己平时根本不会这么说。

因此哈,AI 可以帮我完成很多实现,但结果还是得自己判断。以前做前端时对布局、交互和细节的关注,现在一样用得上。

至于接口、数据库这些扩展出来的部分,我也不能因为 AI 写好了,就当自己已经懂了。遇到不清楚的地方,还是需要继续看、继续问,弄明白再往下走。

感想

现在能借助 AI 把一个想法从前端做到后端,这件事还是挺让人兴奋的。有想法就可以试下,不用只停在页面这一层。

但偶尔也会怀念以前那种感觉。就像写搜索表单那个组件时,突然想到一个巧妙的做法,自己实现出来,会觉得这个东西真不错。现在功能做出来了,也会开心,只是和当时的感觉不太一样。

我也还在适应。很久没手搓代码了,但看到不顺眼的布局、不好用的交互,还是会想把它改好。可能接下来让我更有成就感的,是把一个自己想做的东西完整做出来,再慢慢改到自己满意吧。

博客接下来写什么

后面应该会多记录一些 AI 开发中的事情。比如需求怎么描述,为什么做出来和想的不一样,改了哪里才对。也包括自己看不懂、需要补的知识。

不一定每次都要写一篇完整的教程。遇到一个值得记录的问题,就像以前一样记下来。

现在只是写代码的方式变了。至于全面转向 Vibe Coding 之后,还会遇到什么问题,边做边看吧。


Edit page
Share this post on:

Next Post
用 Alpha 通道扫描自动定位按钮热区
Code_You