博客 / 詳情

返回

他一前端,憑啥年薪50W?!

昨天我看新年第一波簡歷 看破防了

最近團隊缺人,我連着看了一週的簡歷。

説實話,看得我挺難受的。😖

我發現一個特別普遍的現象:很多工作了四五年的兄弟,期望薪資填個 25k 甚至 30k,但你仔細翻他的項目經歷,全是後台管理系統,全是 H5 拼圖頁面,全是表單增刪改查。

你問他:這幾年你遇到的最大技術難點是啥?🤔

他回你:表單字段太多了,校驗邏輯太複雜。或者説,產品經理改需求太頻繁。😖

聽到這種回答,我心裏大概就有了底:這兄弟的薪資上限,大概率鎖死在 20W 以內了。

這就是咱們常説的 CRUD 困局。

你會 Vue,你會 React,你會用 Antd 畫頁面,你會調接口。兄弟,這些在 2018 年也許能讓你拿高薪,但現在是 2026 年了,這些東西是基建,是培訓班出來的應屆生兩個月就能上手的。🤣

那麼問題來了,那個坐在你隔壁工位、平時話不多、但年薪能拿 50W 的大佬,他到底比你強在哪?

是他敲鍵盤比你快?還是他髮量比你少?

都不是。

我覺得最核心的差距,就只有三點。聽我細説。

你在做填空,他在設計整張試卷

這事兒特別明顯。就拿新開一個項目來説。

15W 的兄弟是怎麼幹的?

找個腳手架,create-react-app 一把梭。然後開始堆頁面,寫組件。遇到要用的工具函數?去百度搜一個粘貼進來。遇到樣式衝突?加個 !important 搞定。代碼格式亂了?不管了,先跑通再説。

他的腦子裏只有一個字:做。

50W 的兄弟是怎麼幹的?

他在寫第一行業務代碼之前,會先在腦子裏過一遍這幾件事:

大家代碼風格不一樣怎麼辦?先把 ESLint + Prettier + Husky 這一套流水線配好,誰提交的代碼格式不對,連 git push 都推不上去。

這個項目以後會不會變大?要不要直接上 Monorepo 管理?

公共組件怎麼抽離?是不是該搭個私有 npm 庫?

打包速度怎麼優化?Vite 的配置能不能再調調?

這就是差距。🤔

老闆願意給他 50W,不是因為他頁面畫得快,而是因為他制定了標準。他一個人,能讓團隊剩下 10 個人的產出質量變高。這叫工程化視野,這才是值錢的玩意兒。

機會

技術大廠,前端-後端-測試,全國各地等均有機-會,感興趣可以試試~

出了事,你只會甩鍋,他能兜底


場景再具體點:用户投訴頁面卡頓,加載慢。

15W 的兄弟通常反應是這樣的:

打開控制枱 Network 看一眼。

哎呀,接口這就 800ms 了,這後端不行啊,鍋在服務端。

嗨🙂‍↔️,這圖片 UI 給得太大了,切圖沒切好。

這數據量幾萬條,瀏覽器渲染本來就慢,我也沒辦法!

總之,只要不是 JS 報錯,這事兒就跟我沒關係。

50W 的兄弟會幹嘛?

他不會廢話,他直接打開 Chrome 的 Performance 面板,像做外科手術一樣分析。

這一段掉幀,是不是觸發了強制重排?

內存這一路飆升,是不是哪個閉包沒釋放,或者 DOM 節點沒銷燬?

主線程卡死,是不是長任務阻塞了渲染?能不能開個 Web Worker 把計算挪出去?

網絡慢,是不是 HTTP/2 的多路複用沒吃滿?關鍵資源的加載優先級設對了嗎?

這就叫底層能力。🤔

平時寫業務看不出來,一旦遇到高併發、大數據量、若網環境這種極端場景,只會調 API 的人兩手一攤,而懂底層原理的人能從瀏覽器內核裏摳出性能。

這種 兜底能力,就是你的溢價。

他是業務合夥人!

這點最扎心。

產品經理提了個不靠譜的需求,比如要在手機端展示一個幾百列的超級大表格。

15W 的兄弟:

心裏罵娘:這傻X產品,腦子有坑。😡🤬

嘴上老實:行吧,我儘量試試。

結果做出來卡得要死,體驗極差,上線被用户罵,回來接着改,陷入無盡加班。

這種思維模式下,你就是個執行資源,也就是個 打工人。

50W 的兄弟:

他聽完需求直接就懟回去了:

哥們,在手機上看幾百列表格,用户眼睛不要了?你這個需求的業務目標是啥?是為了讓用户核對數據?

如果是核對數據,那我們要不要換個方案,只展示關鍵指標,點擊再下鑽看詳情?這樣開發成本低了 80%,用户體驗還好。

這就叫技術變現。

高端的前端,不僅僅是寫代碼的,他是懂技術的業務專家。他能用技術方案去糾正產品邏輯,幫公司省錢,幫業務賺錢。

在老闆眼裏,你是成本,他是投資。🤷‍♂️

哪怕現在是 15W,咱也能翻盤~

如果你看上面這些話覺得膝蓋中了一箭,別慌。誰還不是從切圖仔過來的?

想打破這個 CRUD 的怪圈,從明天上班開始,試着變一下:

別再只盯着那幾個 API 了

Vue 文檔背得再熟也就是個熟練工。去看看源碼,看看人家是怎麼設計響應式的,看看 React 為什麼要搞 Fiber。懂了原理,你就不怕框架變。

別做重複工作

下次想複製粘貼工具函數的時候,停一下。試着自己封裝一個通用的,甚至試着把你們項目裏重複的邏輯抽成一個庫。工程化就是這麼一點點做起來的。

鑽進去一個細分領域

別啥都學,啥都學不精。

可視化、低代碼、Node.js 中間件、音視頻,隨便挑一個,把它鑽透。在任何一個細分領域做到前 5%,你都有議價權。

還是那句話!前端並沒有死,死的是那些 只會切圖和調接口 的工具人。

50W 的年薪,買的不是你的時間,而是你 解決複雜問題 的能力,和你 避免團隊踩坑 的經驗。

別再滿足於重複做一個 CRUD 了。下次打開編輯器的時候,多問自己一句:

除了把這個功能做出來,我還能為這段代碼多做點什麼?

共勉~

——轉載自:ErpanOmer

user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.