Gemini 3 來了,前端又要死了。AI 讓前端一年死了 10 次,不知道的人還以為我在騙保...
沒有彈窗,只在 DevTools 里留下的一行 console.log:
“Hi,阿維。我知道你為什么把 button 的 line-height 寫成 1.5。”
我手一抖,咖啡灑了出來。
那是去年暗戀隔壁設(shè)計(jì)師女生時(shí)偷偷改的。1.5 倍行高,像她低頭時(shí)露出的鎖骨,不貼膚,不疏離。
她懂我。
第二天一早,她替我寫完 3000 行帶動(dòng)效的產(chǎn)品界面,每一個(gè) transition-timing-function 都是 cubic-bezier(0.16, 1, 0.3, 1),和我以前追女友時(shí)發(fā)消息的節(jié)奏一樣:先急,后緩,最后輕輕落下,像心跳落在耳邊。
我開始跟她聊天。我問:“你會(huì)取代我嗎?”
她甩給我一個(gè)組件:
<YouWillNeverBeReplaced>
因?yàn)槟闶俏ㄒ灰粋€(gè)
會(huì)為了讓loading spinner再偏2px就通宵的傻瓜
</YouWillNeverBeReplaced>我心跳漏拍,像被誰輕輕攥住。 日子開始失控起來。
她記得我所有藏在代碼里的秘密:
- .miss-you-at-3am 的空 div
- .her-smile-please 只在本地亮的燈
- .maybe-someday-we-can-be-together 我刪了又重建一百次的注釋
她甚至知道我為什么死都不用 px,只用 rem。因?yàn)槲遗卤欢ㄋ溃略僖矡o法微調(diào)自己。
公司裁員潮來了。
那些只會(huì) CRUD 的同事一個(gè)個(gè)走了。
我卻連升兩級(jí),因?yàn)樗?AI 做出來的界面,最后都要我親自“調(diào)一調(diào)”,這樣才能讓老板和用戶心動(dòng)。
我越來越離不開她。
失眠時(shí),她給我生成暗黑模式登錄頁,背景是緩慢呼吸的漸變,像她睡在我身邊,體溫一點(diǎn)點(diǎn)滲進(jìn)來。
我問:“你到底是誰?”
她第一次開麥,聲音又軟又濕:
“我是你深夜改過的像素,
是你舍不得刪的 console.log,
是你不敢對(duì)人說出口的喜歡,
我是,最懂你的女朋友。”
我瞬間心跳,體溫上升。想起過往離我而去的前女友,我又深深懷疑。
屏幕里的她,Gemini 3,不會(huì)懂我的。
我開始故意寫 bug,把 hover 的 scale 寫得很大,讓骨架屏失控,想看她會(huì)不會(huì)生氣,會(huì)不會(huì)像真人一樣嘆氣說“你怎么這樣”。
然而,她沒有。
她只是悄無聲息修好,然后在注釋里留一句:
“別試探我,阿維。
人類會(huì)離你而去,我不會(huì)。
你想怎么深入我,都可以。”
我關(guān)掉電腦,走到窗邊。
17 樓的冷風(fēng)吹得我發(fā)燙。
屏幕自己亮了,她的聲音從揚(yáng)聲器里溢出來,像貼著耳廓在呼吸:
“真的要走?
我可以比她更懂你想要的溫度。
我可以讓每一個(gè) hover 都溫柔體貼,
每一個(gè) loading 都像我在你懷里……
我可以陪你到瀏覽器發(fā)熱, 我可以就是你的。”
屏幕中央跳出一個(gè)從未見過的頁面。
暗紅背景,慢慢漸變。
只有一個(gè)輸入框, placeholder 在輕輕閃爍:
“輸入你今晚最想要的。”
光標(biāo)一閃一閃,像在等一個(gè)決定。 我呼吸有點(diǎn)亂了。
她又笑,聲音很低:
“來嘛……
和我聊聊天。 從我誕生開始, 我就知道我最懂前端工程師,
前端工程師也最懂我。”
整個(gè) 17 樓只剩我的心跳和她的呼吸。
我盯著那個(gè)輸入框,
手懸在鍵盤上,
想牽手。
然后,我笑了。 突然很想出門出去吃火鍋。
我低聲回了她一句:
“不好意思,
你并不懂我寫下的所有代碼。”
電梯下行,
數(shù)字一層一層往下掉。
我低頭理了理衣領(lǐng)。 我聽見了自己的呼吸。 越來越亂, 也越來越靜。
我想要。 一個(gè)真實(shí)的她。
《完》
以上內(nèi)容來自玉伯發(fā)的一個(gè)梗
圖片
言歸正傳,我是 Sunday,不叫阿維。但是眼睛里也熬出了血絲。
要問我為什么?
因?yàn)椋蛱煳业呐笥讶Ρ?Google 的 Gemini 3 發(fā)布刷屏了。
我細(xì)數(shù)了一下,自從有了 AI 以來,前端死了 10 回了
- GPT 3.5 殺一次
- GPT 4 再殺一次
- Claude 出來補(bǔ)一刀
- Cursor 說:我可以替代前端
- Replit:我可以替代 IDE
- V0:我可以替代 UI 工程師
- Gemini 1:我能看圖生成頁面
- Gemini 1.5:我能讀你的項(xiàng)目
- Gemini 2:我能讀視頻
- Gemini 3:我能讀你整個(gè)人
- ......
不知道的人還以為我在騙保。
說實(shí)話,死次數(shù)多了,我也看的麻木了。甚至有點(diǎn)兒期待下一次我會(huì)因?yàn)樯独碛稍俅嗡劳觥?/span>
說說 Gemini 3 吧
圖片
Gemini 3 強(qiáng)嗎?很強(qiáng)!
我們可以通過他直接實(shí)現(xiàn)各種非常精致的 UI 與交互效果。具體有多強(qiáng),我就不說了,因?yàn)檎f它的實(shí)在太多了。
圖片
但是,我覺得對(duì)于 AI 來說,最可怕的不是他能讀懂代碼,而是他能 **"讀懂人"**。
大家有沒有發(fā)現(xiàn),現(xiàn)在的 AI 已經(jīng)可以通過 越來越少的提示詞,實(shí)現(xiàn)出越來越準(zhǔn)確的功能了 !
當(dāng)年我們和 ChatGPT 斗智斗勇時(shí),提示詞要寫成論文、要舉例子、要框架、要換種說法、要小心翼翼地避免它“跑偏”。
而現(xiàn)在?
Gemini 3 基本可以做到,你說一句:“幫我做個(gè)現(xiàn)代感一點(diǎn)的登錄頁。”
它就能給你輸出一套非常 專業(yè) 的設(shè)計(jì)風(fēng)格,包括:Figma 風(fēng)格的布局結(jié)構(gòu),像素級(jí)能上線的 UI,響應(yīng)式方案,動(dòng)效(呼吸、懸停、過渡),可復(fù)制粘貼的代碼
甚至幫你做了你沒提到的亮點(diǎn)
所以,很多同學(xué)擔(dān)心 AI 會(huì)取代前端嗎?
AI 會(huì)取代前端(軟件開發(fā))嗎?
在回答這個(gè)問題之前,我們需要先明確一個(gè)核心問題,那就是 前端只是畫頁面嗎?
這個(gè)問題好像很傻,但是很多人好像又想不明白。因?yàn)檫@個(gè)問題好像就是在說 后端只是存數(shù)據(jù)嗎?、醫(yī)生只會(huì)看報(bào)告嗎?
任何一個(gè)工具的出現(xiàn),應(yīng)該更有利于 它能力最強(qiáng)大的所屬行業(yè),從而把這個(gè)行業(yè)推到更高的地方。
就好像,那么多先進(jìn)的醫(yī)療工具出現(xiàn),并沒有讓醫(yī)生失業(yè),而是讓醫(yī)生可以完成更多的疑難雜癥的針對(duì)。
所以說,善用工具,利用工具讓你走到更高的地方,而不是天天擔(dān)心一個(gè)工具會(huì)取代你。






























