先把明顯有bug的改了。
接著,對那些沒實現的樣式、交互、動畫,需要費些心思。
因為這些都是主觀設計,不算bug,只是未曾實現的需求,腦海中不會提示出缺陷,沒法直接上手。
“要不要扔給ai?”
王霽嘗試了一下,效果不好。
雖說設計稿也有ai插件轉換為代碼,但卻無法直接用到項目里。
如果用提示的話,這成片瑣碎的樣式,也很難準確提示給ai。
提示,還不如自己慢慢還原。
王霽不是前端出身,前端技能只能說略懂,談不上精通。
想了好一會,沒有頭緒,只好先洗洗睡。
噴頭很新、水壓也很高,熱水沖得十分舒服,王霽身上每個毛孔都張開,腦子也突然活了起來——
“如果,我用注釋呢?”
他擦干凈頭發身子,又坐回到榻榻米上,在前端代碼加上注釋:“此組件樣式參考figma鏈接……”
鏈接定位到設計稿的一幀,這幀對組件進行了詳細描述。
樣式自不必說,本身就有。
交互效果也有說明。
不過片刻,變化發生了!
王霽眼前的前端代碼,忽然增加了許多紅點!
注意力集中到某個紅點時,腦海中就有缺陷提示:“此處樣式有誤,應為.auto{padding:transform……”
yes!
就是它!
原來超能力可以這么用!
只要明確知道正確的是什么,那些問題的就自然出現了。
原本屬于主觀的、無所謂對錯的,只要給設定個標桿就好。
王霽照著提示,將腦子里的內容都敲出來,代碼自動編譯,刷新頁面一看,原本簡陋的組件立即變得精美起來!
有戲!
不只是樣式,交互效果也變好了。
連改3個組件,不知不覺到了12點,王霽忙了一天,倒頭就睡。
第二天醒來,用一個上午,把所有組件的樣式和基本交互都實現了。
接著如法炮制,把最難啃的動畫也加到注釋,但……
沒有提示。
動畫沒那么簡單。
有的動畫可以用樣式實現,有的需要寫代碼,而代碼沒寫。
沒寫就沒有提示。
這難不倒王霽,他把需求扔給copilot,讓ai先寫一版代碼,仔細看一遍,腦海里就有具體提示了。
按提示修改,問題解決!
10月6日晚,任務搞定。
蕭若雪催問了3次進度,王霽想秀秀肌肉,準備部署時,忽然留了個心眼:“交這么快,顯得3萬太容易拿……”
于是回復:“正在趕工,互游科技欠債太多,還需要填坑。”
關燈,睡覺。
睡得很香。
10月7日,蕭若雪7點開始催。
是真找不著人了。
王霽回復:“老板,我一晚沒睡,已經翻掉了所有的組件樣式,還有最硬的骨頭要啃,動畫還需要實現。”
為了證明,他把沒動畫的代碼部署過去,讓對方先看。
片刻后,蕭若雪發來消息:“確實好多了,但我真的很急。”
急?
急有急的價嘛。
是我表達得不夠明顯么?
王霽正在考慮措辭,蕭若雪又補充:“今晚必須部署上去,我要最好的效果,如果能解決,我加2萬!”
:<a>https://m.81efdc260.xyz</a></p>