前端自08年左右興盛已來，無數年輕人投入其中，但是這2年不知道身為前端的你，有沒有感覺到求一份靠譜的前端工作變的很難，同樣企業求一名靠譜的前端也覺得很難，其實並不是因為求職者太過挑剔，也不是企業給不起工資，而是因為這兩年大前端的發展無論從技術深度和廣度都跟以前大不一樣。
前端不再是頁面仔、元件仔，而是指能夠使用JavaScript和相關H5技術開發iOS、Android、AR、VR、IoT、PC、Server、WebApp、3D甚至AI的綜合性技術人才。很多同學的計算機基礎相對薄弱，導致了知識直接斷層。才會出現咫尺天涯的這種怪象。
也正是由於這樣綜合性的前端一人難求，造成了前端的工資水漲船高。今天看到這篇文章的老鐵，不論你是計算機科班還是”野路子”前端，如果你在一線城市30歲前依舊月薪沒到30K，你真的要反思一下自己了。到底是技術、情商、智商、努力程度還是哪裡出現了問題讓你沒能斬獲一份這樣的薪水。
鄙人不才，前端開發界一名小學生，有人叫我老袁，因為身高170體重170，也有人叫我圓老師，正經土生土長東北爺們。幾年前僥倖進入百度和騰訊，後來在阿里offer和創業之間選擇了創業，更僥倖在27歲那年拿到了月薪30K+，說這些並不是為了裝或者鄙視誰，我何德何能，更何況程式設計師何必diss程式設計師，我只是想把我的一些想法寫出來與各位同仁共勉。您看著舒坦您就看，您看著厭惡就關了頁面，別當鍵盤俠，100多斤的人了還是得長點心的。乖~
我總結了以下這6點。
1. 非科班出身
如果你是非科班出身，草草入了前端這行，而且入門學習的知識和工作只是HTML、CSS、JavaScrpt（給按鈕綁綁事件、發發請求 ），沒有任何後端語言的背景，那麼這將直接制約你的職業生涯。因為前端如火如荼的大勢之下，其實是把大部分後端思想在前移比如經典的DI、IOC、AOP、MVVM(起源於 SilverLight)等等，這些思想什麼三大框架中運用的淋淋盡致，綜述好好學一門後端語言不但對於理解思想有幫助還能更好的讓你去使用ES9和TS。
2. 避免天天用cli搬磚
每天只是抱著vue-cli或其他cli的同學，這類同學往往每天n都是pm install & npm start & npm test，一頓操作猛如虎，一問工資兩千五，感覺自己很溜，但是讓你配個完整的vue-cli一臉茫然，這更是一個危險的訊號。但是呢這真的是大部分老鐵的工作常態，多往Webpack和成熟的打包工具上用用心吧。這裡也要推薦一下百度的FIS，並不是讓你一定要使用FIS而是理解整個FIS的思想，站在巨人的肩膀去實踐更好的前端工程化。
3. X平臺的小程式
這個寫給天天寫微信小程式、支付寶小程式、頭條小程式等XX小程式這一類的老鐵，我並不是說寫小程式你技術弱，而是寫著寫著你的技術會學跑偏。因為它是某種生態下的技術，並不通用，嚴格意義上來講其實並不算技術。而且很多文件確實不健全，是典型的程式設計師坑程式設計師的大眾技術典範。有些老鐵可能就不服了，我會Taro啊~嗯，那你棒棒的，祝你幸福。
4. 走出自己的安逸區
以上這幾點從我自己的感覺來看確實是前景堪憂的。
為什麼說這類童鞋前景堪憂呢？如果天天就幹上面說的這些活，真心是很難突破15k的，15k是很多同學職業生涯的第一道坎。老袁我來北京7年，所以對北京瞭解的多一些。目前來看在北京社招的同學月薪30k還是非常普遍的，因為很多剛畢業的本科學生（學校還可以的）校招在北京起薪就已經15k了，如果老鐵你天天寫些微信小程式之類的，或者長年堆在業務寫著你自己都厭惡的API的時候，真的得想辦法突破自己，走出自己的安逸區。
走出自己的安逸區，首先學歷是個門檻(以北京舉例哈)，你應該看到過關於讀書無用類似的帖子，但是這個還真別信，在北京很多企業沒有學歷根本過不了HR這關，更別說你的簡歷能到面試官的手裡。如果你學歷不好技術也不行說實話很難混老鐵，現在市場招聘，先不說頂級BAT、TMD，就是二線網際網路企業都必須要求全日制本科，不是不給你機會，而是你都沒有資格。
2018年下半年這個現象更加突出，我承認學歷不是很好的同學能力不一定差，但是老鐵這塊敲門磚你沒有，根本就沒有機會把自己優秀的一面展示在企業面前。如果你是大專，就更得狠下心來去學習吧，先奔著25K努力。
你會問，既然企業都不給我機會了，我還努力啥。錯！這個大錯特錯，你要讓自己慢慢變得優秀，先讓你的技術在現有的公司可以獨擋一面，各方面全盤掌控，重要事情你都可以頂上。創業公司最重要的是積累人脈，你周圍的同事或者Leader可能是從某某知名大廠出來的，如果你具備獨擋一面的能力，周圍的資源及外界的機遇都會助你進入更高平臺，那句話說的沒錯機會總是留給有準備的人。
所以看到這裡的專科老鐵，學歷不好使，就是讓技術過硬，加班是提升技術的最好手段，但不是加無意義的班，無意義是指重複的工作，你會的，這裡說的有意義的加班指比如你的團隊哪天要搭SPA、MPA、CI、BDD或者有圖形學的專案需要你等等，讓你參與核心開發部分。青春就那麼幾年，如果每天加無意義的班，就沒必要繼續在這家公司待下去了。
那麼就有童鞋說，我去外包吧，對學歷和技術的要求低些。我告訴有這類想法的童鞋，外包公司是萬萬不能待的，只是浪費青春，四點現實原因：重複性工作 、各種髒亂差的活 、你的工資大部分根本到不了你的手 、你的工牌的顏色跟其他同事也不一樣！不一樣！
5. 提升自己的技術能力
接下來，就是提高自己的技術了。當然，上面說了學歷還算不錯的話，我們就更得讓自個的技術獨擋一面了。那麼如何提高自己的前端技術呢？這就應了那句老話，小孩沒娘說來話長。但是我講下我的一些建議：
首先要了解最新的前端趨勢比如Micro Frontends、omi、Houdini、CSS Scroll Snap Points、React Suspense、Hooks、quicklink、Workbox、Angular8 Lvy等等。同時還要熟練掌握現在流行的前端技術如Webpack、React、Vue、ES9、Angular、KOA、TS、Three等等。但如果你是普通公司，你就每天實打實，腦子裡不要考慮做輪子哥(原因——輪子太多了Parcel、Moon、hyperapp.js、Fastify…)但是一定要理解內部機制是怎麼樣的，要理解後面的東西，不是天天一頓擺API。因為現在前端的面試基本都是原理！原理！原理！即便現在行情是面試造火箭，入職釘釘子。還有建議大家一定要把Node.Js要研究透徹，這才是真材實料的硬貨。
老子學不動？生死看淡，不服就幹。再來幾點：
- 1.要學會C|C++(Webkit、Libuv等等後面也會用到)。天下武功出少林，天下語言爹是C。
- 2.最早討論的經典思想—OOP到AOP再到Functional，個人建議先學思想再學框架。還有NodeJs中三個特別有意思的框架 Nest(NodeJs版本的Spring)、Nuxt和Next(Vue&React的SSR)，有沒有也傻傻分不清楚。
- 3.在強調一次至少會一門正統的語言，比如：JAVA、NET等
- 4.專案，一定要做有質量的，有些技術沒有條件建立條件也要用。只有把技術用到專案中去，才能讓你醍醐灌頂，光學不幹等於耍流氓。
- 5.多讀書，一本好書就像高階武功祕籍一樣。哪怕是從裡面領悟一招半式，功力提升起來都是驚人的。
- 6.最後舉個能跟得上時代的小栗子：比如CSS中的變數、JavaScript的類、依賴注入的程式碼，這些程式碼應該在你的專案裡到處跑了。
6. 給不同群體的建議
另外，我來說下根據群體的劃分來注意前端道路上的注意事項。
上學群體：計算機基礎必須好好學(校招必問)———資料結構和演算法、計算機組成原理、編譯原理、作業系統，這些課千萬別逃。
工作群體：學歷可以且工作也可以的，要注重人脈的培養。原因呢我上面已經講過，就不多贅述了。
如果你是計算機科班生，一定要好好學專業課，這不是雞湯，是現實。校招面臨的壓力不比社招低，校招上來就問Webpack的原理是什麼，在工作中體驗過什麼是工程化嗎。大家會說，天天上學，我怎麼有專案，怎麼體驗工程化，但問題是就有人會，沒辦法。校招沒人問學校教不教，只問企業用的你會不會，會就招，不會就拜拜。有些大學老師的授課內容已經和社會嚴重脫節，什麼叫SPA，什麼叫MPA，MPA怎麼轉換成SPA，老師都不懂，這個就得靠你在學校裡多多去接觸外面的資源了。但是上面提到的這些大學的專業課你必須得聽，校招大部分都在考你資料結構與演算法，社招也一樣，如果你是純野路子（非科班）更得補，有人說前端用不到演算法，Dom Diff、投影演算法、Trie樹、KOA原理裡的recursion、JS執行堆疊瞭解一下？想學明白上面說的框架原理，編譯原理你躲不過（Webpack裡的complier、AST分分鐘體現出作者的專業性），資料結構與演算法沒學好，React和Vue的原始碼壓根玩不溜，演算法已經成為了大部分公司的一面，如果這些功課的基本功到位了，框架原理就很easy了。這個社會優秀的人太多了，所以在職場拼的就是基礎瓷不瓷實，所以如果你還在上學，珍惜時光吧。如果你已經在職場，問問這些東西你懂不懂？
以下是我總結的前端技術圖譜，可做參考
最後，我想說前端路漫漫，以上只是我的個人一些感觸，北漂7年，冷暖自知。月薪3萬不是終點，是起點。在北京3萬工資雖不高，但是你可以稍微更好的照顧你愛的人，可以更好地照顧父母，也可以在兄弟有難的時候更好的挺他們一下。寫這篇文章也是想給同路人一點點建議，不喜勿噴，還有很多細節總結的也不是很全，見諒。江湖路遠，有緣再見。
這3年，我在騰訊課堂講了近200節直播課，我精選了50節，現免費送給想提升的同學，感興趣的可以掃碼加入QQ群，免費領取，先到先得>>
作者 志佳老師
2019 年 02月 21日