跳到主要内容

那坨没法看的,AI十分钟重写完了

园园学前端
园园学前端

· 阅读约 2 分钟

第 67 天。今天老二午睡睡得长,我干了一件一直想干的事:把上礼拜那个排班表的烂代码翻出来,贴给 AI 让它重写。

那个排班表,能跑,但我自己知道它有多烂。一个文件里堆了两百行,三个子组件明明该拆开做的,我全塞在父组件里。数据是硬编码的,循环是复制粘贴了三遍,改一个人的班次要改三处。我当时看着它能跑,心想行吧,能用就行。但上周日想加个换班功能,改了一个小时,越改越乱,最后把备份改坏了,不得不从 git 恢复。当时真的很气自己。

今天重写起来很快。我把那坨代码整个复制过去,跟 AI 说:这是我写的,很烂,你把它重构成组件拆分清楚的样子,但别用我不会的语法,我还在学组件通信,太高级的我看不懂。

它给我重写了。第一版跑不起来,报错 Cannot read property 'map' of undefined,我看了一眼,是我传 props 的结构不对,AI 的大纲里用了 props.schedule.list 这种写法,而我原来只传了一层。我把结构调整了一下,能跑了。

但真正让我愣住的是它拆完之后的样子。它把排班的两个列表拆成了两个子组件,父组件的代码干干净净,我原来那种复制粘贴的写法完全没有了。我盯着看了一会儿,说不清什么感觉。那个是我磨了三个午休写的东西,它十分钟就给我理清了。

然后我把换班的功能试了试,加上去,居然没多久就跑通了。今晚的进度比想象的多。

  • 重写了一坨烂代码,学会了一个思路:数据往下传,事件往上抛
  • 自己试着加了一个换班按钮,能跑
  • 给老二预约下周三的体检(上次的忘取消了,占着号呢)
  • 明天:把组件通信的练习做完,还剩一道

不总结什么"优雅代码很重要"之类的,就是今晚有点开心。以前觉得能跑就行,现在觉得,能跑是底线,能改才是真的。

老大醒了,收工。

园园学前端
园园学前端

两个娃的妈,碎片时间自学前端打卡中。四十分钟也是四十分钟。

查看主页 →