第15章 急有急的价码(第2页)

 再针对性地深入理解，借助Ai解释，部分掌握度冲到了80%+。

 晚上10点，他开始改代码。

 先把明显有bug的改了。

 接着，对那些没实现的样式、交互、动画，需要费些心思。

 因为这些都是主观设计，不算bug，只是未曾实现的需求，脑海中不会提示出缺陷，没法直接上手。

 “要不要扔给Ai？”

 王霁尝试了一下，效果不好。

 虽说设计稿也有Ai插件转换为代码，但却无法直接用到项目里。

 如果用提示的话，这成片琐碎的样式，也很难准确提示给Ai。

 提示，还不如自己慢慢还原。

 王霁不是前端出身，前端技能只能说略懂，谈不上精通。

 想了好一会，没有头绪，只好先洗洗睡。

 喷头很新、水压也很高，热水冲得十分舒服，王霁身上每个毛孔都张开，脑子也突然活了起来——

 “如果，我用注释呢？”

 他擦干净头发身子，又坐回到榻榻米上，在前端代码加上注释：“此组件样式参考figma链接

 链接定位到设计稿的一帧，这帧对组件进行了详细描述。

 样式自不必说，本身就有。

 交互效果也有说明。

 不过片刻，变化发生了！

 王霁眼前的前端代码，忽然增加了许多红点！

 注意力集中到某个红点时，脑海中就有缺陷提示：“此处样式有误，应为.auto{padding:0；transform……”

 yes！

 就是它！

 原来超能力可以这么用！

 只要明确知道正确的是什么，那些问题的就自然出现了。

 原本属于主观的、无所谓对错的，只要给设定个标杆就好。

 王霁照着提示，将脑子里的内容都敲出来，代码自动编译，刷新页面一看，原本简陋的组件立即变得精美起来！

 有戏！

 不只是样式，交互效果也变好了。

 连改3个组件，不知不觉到了12点，王霁忙了一天，倒头就睡。

 第二天醒来，用一个上午，把所有组件的样式和基本交互都实现了。

 接着如法炮制，把最难啃的动画也加到注释，但……

 没有提示。

 动画没那么简单。

 有的动画可以用样式实现，有的需要写代码，而代码没写。

 没写就没有提示。

 这难不倒王霁，他把需求扔给Copilot，让Ai先写一版代码，仔细看一遍，脑海里就有具体提示了。

 按提示修改，问题解决！

 10月6日晚，任务搞定。

 萧若雪催问了3次进度，王霁想秀秀肌肉，准备部署时，忽然留了个心眼：“交这么快，显得3万太容易拿……”

 于是回复：“正在赶工，互游科技欠债太多，还需要填坑。”

 关灯，睡觉。

 睡得很香。

 10月7日，萧若雪7点开始催。

 是真找不着人了。

 王霁回复：“老板，我一晚没睡，已经翻掉了所有的组件样式，还有最硬的骨头要啃，动画还需要实现。”

 为了证明，他把没动画的代码部署过去，让对方先看。

 片刻后，萧若雪发来消息：“确实好多了，但我真的很急。”

 急？

 急有急的价嘛。

 是我表达得不够明显么？

 王霁正在考虑措辞，萧若雪又补充：“今晚必须部署上去，我要最好的效果，如果能解决，我加2万！”