悠悠小说网kanshuyy.com

先把明显有bug的改了。

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

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

“要不要扔给AI?”

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

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

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

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

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

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

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

“如果,我用注释呢?”

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

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

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

交互效果也有说明。

不过片刻,变化发生了!

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

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

这章没有结束,请点击下一页继续阅读!

yes!

就是它!

原来超能力可以这么用!

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

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

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

有戏!

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

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

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

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

没有提示。

动画没那么简单。

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

没写就没有提示。

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

按提示修改,问题解决!

10月6日晚,任务搞定。

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

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

关灯,睡觉。

睡得很香。

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

是真找不着人了。

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

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

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

急?

急有急的价嘛。

是我表达得不够明显么?

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