一個 8 歲的「前端老人」

知識 06-29

大家好，我是王超，一名前端工程師。從最早的人人網，到奇虎360 ，再到現在的快狗打車（原58速運）。轉眼一瞧，我在這個行業已經是一位 8 歲的「前端老人」了。

非計算機專業出身的我從事前端這個行業，確實經歷了很多的挫折，走了很多彎路。但現在回首自己的職業經歷，每一個選擇都至關重要，每一份經歷都有不一樣的收穫。

畢業生第一份工作千萬不能選錯

我畢業後第一份工作是在一家廣告聯盟公司做 flash 廣告設計和平面設計。

當時的我心中規劃著未來能在 flash 技術上做出一些成果，也買了一些設計和 Flash 相關的書去研究。但是一旦選擇錯了，再努力也很難取得一個好的結果。

讓我焦慮的是隨著 Web2.0 時代的到來，Flash 技術已經逐漸在走下坡路了，這條路可能是條死路。

後來公司來了一個做前端的同事，通過多次交談了解之後轉行了前端。現在來看，自己最終找到了一個正確的航道。

在這裡建議剛剛畢業的大學生們，找第一份工作一定要仔細調研，爭取少走彎路。

平台對新人很重要，好的平台會讓新人有很好的成長起點，而且在有經驗的前輩的提攜下，新人成長得更快，為以後的職業發展奠定良好的基礎。

在人人網見證從 PC Web 到移動 Web 的跨越

在人人網工作的那段時期，正趕上前端從 PC Web 開發過渡到移動 Web 開發。

那兩年多里，無論是 PC 上的開發還是移動上的開發都做了很多嘗試，比如 PC 各種瀏覽器廠商的兼容問題，移動端上各種機型的適配問題，使用 CSS3 實現各種新特性。

此時，大環境下的前端領域也在發生快速的變化，像Angular、React 等現代前端框架已經開始出現。而人人在那時依舊使用傳統的原生 JS、jQuery 重複性地完成項目，自己的技術也進入了一個瓶頸期。

面對自己的技術瓶頸，我決定離開人人網，換個環境來逼迫自己跳出舒適區，突破當前困境。

奇虎360 的成長：越痛苦提升越快

360 這邊的技術體系很完善，前後端分離開發、前端部署平台化、上線前代碼自動 diff，新技術的應用、定期的技術交流。

入職之初我做項目很吃力，因為從開發框架 Backbone、React 到構建工具 Webpack，再到開發方式使用 Linux 開發機，所有的東西都是新的，感覺哪哪都不會。

我足足用了半年的時間，直到和同事一起使用 React 重構 360 地圖，才完全熟悉和適應。

但讓我無比痛苦的時候恰恰是自己提升最快的時候。

快狗的挑戰：建設前端工程化體系

快狗打車早期的前端開發方式比較原始。首先是前後端不分離，整體研發效率很低。

其次前端同學只負責切頁面，技術棧陳舊，完全落後於業內先進的團隊，前端工程化體系的建設為零。

擔任快狗前端負責人後，我開始著手推進前端工程化。

首先就是升級技術棧，並進行前後端分離，之後又建設了前端部署平台。

為了最大化降低開發成本，提升開發效率，又陸續推出了團隊的組件庫、腳手架、以及性能監控平台等逐漸形成了完善的前端技術體系，快狗的工程化程度大大提升。

做為團隊負責人從無到有搭建技術體系確實是一個挑戰，尤其是對新晉的負責人來說。

這次的挑戰讓我領悟到，技術體系建設要以解決業務痛點為目的。

任何的技術工具和平台建設都不能脫離這個目的，不能僅僅為了試用一下某項技術或者好玩就去搞。否則很可能是白白浪費了研發成本，卻很難在團隊中推廣使用，無法產生價值。

技術體系建設要充分討論後再實施。方案的設計討論清楚了，才能避免將來各種問題的出現。建議將 70% 的時間用在方案設計和討論上，30% 時間用在工具和平台的研發上。

05從切圖仔到前端 leader，如何跨越式成長

從事前端開發這個職業七八年了，既經歷過工程化程度極低的開發方式，也見證了這幾年前端領域工程化水平的大幅提升。

作為這個過程的親歷者和實踐者，自己既做過所謂的"切圖仔"，也作為團隊負責人從無到有規劃建設過完善的前端技術體系。

希望自己在工程化方面的一些實踐經驗能給大家帶來一些幫助。

我相信每個踏入前端行業的同學都是有著一顆熱愛學習的心。

前端行業不如後端那麼成熟穩定，一直在高速地推陳出新，每年都會有新的框架出來。但每個人的精力有限，都希望投入有限的精力，學到最有價值的東西。所以我一直在想能否將這些年前端在工程化方面的優秀成果濃縮到一個課程中。

前端的小夥伴應該能夠很明顯地感覺到，在面試過程中，各大公司面試官已經非常注重工程化能力的考察了。

一方面是由於大公司本身業務複雜，相應的前端工程化程度高，配套的基礎設施很成熟，對人員的要求自然很高。另一方面，現在的前端開發都是在一些先進的工程化工具基礎之上，比如 React、Vue、Sass、Webpack 等。

只有具備良好的工程化能力，才能更好地應對日益複雜的開發任務，才能更容易進入大公司。

我帶你實戰前端工程化

前端工程化是個比較大的話題，涵蓋的知識很多。大篇幅的講述理論知識又是很枯燥的，而且效果不好。

所以在課程設計上，我以動手實現一個前端腳手架工具為主線，過程中引出實現某個功能的思路和用到的工具，並逐一講解。在課程結束後，你不但可以獲得前端工程化的工具和知識，還可以完成一個實用的腳手架工具。

感興趣的同學們

掃碼了解《透視前端工程化》課程詳情

一個 8 歲的「前端老人」

打開今日頭條，查看更多圖片

課程作者：王超

快狗打車（原58速運）前端負責人，曾就職於奇虎360、人人網。

大佬推薦

沈劍：快狗打車 CTO & 到家集團技術中心負責人

「前端決定體驗，這個說法一點也不為過。
隨著技術發展，各類框架與工具百花齊放，有沒有一個課程能夠涵蓋大部分前端技術思想呢？王超的前端達人課，正是滿足了廣大前端工程師望眼欲穿的期待！
在這裡，我把本課程推薦給想要了解和掌握前端工程化、希望提升自身工程化能力的前端小夥伴。

只此一課，強力推薦！」

馮陽：58到家平台前端負責人