先说个反常识的事:卡住你的不是代码质量
上周我想给自己攒一个小工具,一个能贴文本、自动统计字数和敏感词的网页。让AI生成HTML加一段JS,十几秒就出来了,代码看着挺像样。
结果真正折磨我的不是代码写得好不好,是我根本没地方立刻看到它长什么样。
本地新建文件、粘代码、存盘、拖进浏览器、发现按钮点了没反应、回去让AI改、再存、再刷新……这个循环我走了不下二十遍。等我终于看到那个统计框正常跳数字的时候,天都快黑了。
那一刻我才想明白一件事:AI时代生成代码几乎是免费的,但"验证一段代码到底对不对"这件事,成本一点没降。甚至因为AI生成得太快、太多,验证反而成了新的瓶颈。
为什么大家都在做网页工具,却很少人聊怎么验证
翻最近的开发者社区,你会发现一个特别明显的信号:做网页小工具的人肉眼可见地变多了。
有人做自部署导航面板,卡片管理、iframe弹框打开,功能塞得很满;浏览器自动化那边也热闹,像DomA这种插件直接让AI去读页面、点按钮、填表单。还有周刊里一堆投稿,从星空Web应用到3D钢琴,全是浏览器里跑的东西。
这些项目有个共同点:主体都是HTML加JS,一个页面就能承载。这说明用AI做前端的门槛确实被打下来了。
但奇怪的是,几乎没人认真聊"生成之后怎么验证"。大家默认你有一套现成的本地环境、会配开发服务器、知道怎么开浏览器控制台。
对真正的独立开发者、运营的人、或者刚上手的小团队来说,这套前提根本不成立。
有个社区帖子说得很直白,用某个模型"做一个需求要来回改好几次"。我特别有共鸣——来回改本身不可怕,可怕的是每改一次都要重新搭一遍看效果的流程。
我后来的做法:把预览环节前置,别等
后来我换了思路。既然AI生成快,那我就让"看效果"这一步也一样快,让它们贴在一起。
具体就是把AI生成的整段HTML直接丢进一个能HTML在线运行的地方,代码一贴,页面立刻渲染,改一行马上重跑,不用管本地环境、不用配服务器、不用来回切窗口。生成和预览之间那道墙没了,迭代节奏一下就顺了。
这带来一个我没预料到的好处:我开始敢让AI做"错的尝试"了。
以前每次让AI改都心疼时间,因为验证太贵,所以我总想着一次让它改到位。现在验证几乎不要钱,我反而愿意让它多试几个版本,A方案不行立刻切B方案,肉眼对比哪个交互更顺。
生成廉价、验证也廉价,整个探索空间才真正打开。
对做运营、做增长的人来说这点尤其值钱。你想给活动加个报名浮层、给落地页换个按钮样式,不需要排开发档期,自己贴代码、当场看、当场定,几分钟的事。
纯前端能走到哪,哪一步必须停下来
这里得说句实话,别被"一个HTML搞定一切"的错觉骗了。我踩过这个坑。
纯前端页面能干的事,边界很清楚:展示、交互、本地计算、调用浏览器能力。我那个字数统计工具就是典型,所有逻辑跑在浏览器里,不碰任何服务器,HTML在线运行就足够了。
但只要出现下面这几种需求,纯前端就顶不住了:
- 要把用户填的数据存下来,下次还能看到;
- 要多个用户共享同一份数据;
- 要藏一段不能暴露给前端的逻辑,比如调用AI模型的密钥;
- 要做真正的后端处理,比如批量算一批东西。
这时候就得往后退一步,补上服务端。我的做法是用Python在线运行把后端逻辑写起来,前端页面负责展示,数据处理和模型调用交给后端,两边通过接口连起来。
前端继续用HTML快速验证界面,后端单独跑通逻辑,各管一段,不至于一锅炖。
判断标准其实就一句话:数据只要活得比"当前这次打开页面"更久,你就需要后端和数据库了。
数据一沉下来,麻烦也跟着来
真到了存数据这步,我又栽过一次。
工具跑起来之后我加了个保存历史记录的功能,数据进了库,然后就开始出玄学问题:某条记录明明存了却查不出来,某个字段的值跟我预期对不上。光靠代码里加日志猜,效率极低。
后来学乖了,遇到这种情况直接打开SQLite编辑器看表结构、翻实际存进去的数据,一眼就知道是字段类型不对还是写入逻辑漏了条件。数据层的问题,肉眼看表比盲猜代码快十倍。
如果后面还要做点带语义检索的东西,比如让用户搜"意思相近"的内容,那又是另一个量级,得上向量能力,这里就先不展开,属于"待核实"你到底需不需要的范畴——很多工具其实到SQLite这层就够用了,别过度设计。
一个能立刻上手的小动作
如果你手上正好有段AI生成的HTML还没验证,别急着往本地折腾。
现在就把它整段贴进能在线跑的环境,先让它渲染出来,看第一眼对不对。哪怕报错也好,报错本身就是信息,比你在脑子里想"应该没问题吧"强得多。
先跑通,再谈好不好。这是我折腾这么多回之后,唯一敢确定的一条。
生成从来不是终点,能反复对比、快速验证、随时推倒重来,才是AI帮你干活的正确姿势。