2017年前端前景如何？

---

hi，2014年轉型前端，我來說說自己的看法:

準確說國內前端熱， 集中在2014-2015，國外應該更早一些。 那個時候我國資本市場也處于波峰， 投資人很捨得給。 有的人拿著商業計劃書就拿到了投資，那個時候比較有意思的一句話就是：「我們錢已經拿到了，團隊齊備， 目前還缺個CTO」。 所以拿到投資的團隊，錢不知道往哪裡話，招人上挺大方，動輒上百個招聘名額。

2014年-2015年， 如果你是前端orPHP程序員，隨隨便便一跳就DOUBLE了。如果你那時候從培訓學校畢業，情商正常，你應該可以拿到8K+的薪資。

2015年底資本市場開始轉冷，之前按照潛力估值的做法漸漸不被認可，尤其是互聯網行業按照用戶數量/活躍程度估值的模型，也逐漸被棄用，資本市場投資對企業本身盈利情況更加看重（更現實了）。 當年矽谷盛行的影響力估值模型，在大量創業失敗案例後被否定。最終創業企業需要憑藉良好的現金流、盈利模型去打動投資人，這個難度有多高？

資本市場遇冷帶來創業市場遇冷，最後帶來整體研發崗位縮減。而你知道，2015年參與前端培訓的人數有多少？ 非常大，據說僅僅廣東一省就有上萬人。 所以， 2017年，應該是前端程序員就業形勢非常嚴峻的一年。

另外個人認為技術環境的變化對前端需求影響不大。 本質上，前端技術棧的更新，應該導致需要更少的前端工程師（效率變高）。 而事實上，有很多以前不歸前端團隊做的事情，變成了前端團隊去完成。有的團隊甚至用node.js做全部的事情。所以說這兩者互相抵消掉了。

2017年前端就業形勢，我個人的總結是兩單：

1. 整體崗位數量縮減幅度很大

2. 需求量也很大

整體崗位數量縮減情況下，需求量還是很大的原因，是因為技術棧更新，對前端人才的整體需求又在上升。 但前端技術人員中有多少掌握了【新技術】？掌握了技術，甚至抓住了思想。

所以2017年是這樣一個模型， 100個前端工程師在爭取一個崗位，而用人單位仍然招聘不到人（某創業公司技術Leader反饋，平均面試100個FE入職一個）。 如果一直招不到人，用人單位會採取怎樣的策略? ——會讓RD承擔更多的工作，然後前端只要會切圖就行。

-------------------------------------------------

以上說的是大形勢， 這裡聊聊前景如何。 2014-2016國內大廠，基本都完成了前後端分離/工程化建設。但！技術指標每年都在進步（比如響應性/首屏速度），對於一個產品經理，每次聽前端的報告，都會感覺差不多。 也就是前端技術進步了，產出其實仍不明確。 原因是國內大廠都是產品驅動的，產品經理們並不認可這個技術進步，也不知道要如何利用這些技術進步。 而技術人員過去的3年中在忙於技術體系建設，無暇他顧。

個人認為，在2014-2016打好基礎的團隊，應該從2017年開始，開始能將這次技術紅利轉化成為產品優勢。 這個轉變會涉及，團隊合作模式，產品意識形態等等轉變；甚至結合人工智慧的改變。 和大多數技術紅利一樣，這是技術在驅動創新，產品很難抓住這樣的機會。這些創新被整個社會認可需要時間，所以前端程序員這時候正是耐住寂寞去鑽研的時候。

--------------------------------------------------

說說待遇， 個人認為，2016年開始，待遇已經逐漸正常化。 利用2014-2015大幅漲薪的前端工程師如果能力沒有大幅增長，2017年將面臨降薪or失業。 所以2017年前端工程師， 應該苦修內功，等待更好的漲薪時機。

——————————

最後說一點：我們所用的前端工具，是目前看唯一可能統一整個交互設計領域的語言；涉及PC/APP/Browser/微信等等，javascript似乎成為了某種類似【彙編】的中間語言，重要性不言而喻。目前JS形成了非常龐大的開源生態—— 所以說已入坑的同學還是堅定信心，持續努力。

以上由 58招聘FE團隊魏蒙提供

---

不再繼續截屏了，這位兄台的時間線中全是這樣的贊，而他贊的正是@月光飯飯 的所有回答，老實交代你倆是不是親兄弟@myterry 。

沒有數據支持，一般人很難預測趨勢，但此人必定心懷叵測。

&" dw="1080" dh="1920" class="origin_image zh-lightbox-thumb lazy" w="1080" data-original="https://pic2.zhimg.com/v2-c5000df853bdacc6d215a2dbbddfeee1_r.jpg" data-actualsrc="//i1.wp.com/pic2.zhimg.com/50/v2-c5000df853bdacc6d215a2dbbddfeee1_hd.jpg">

&" dw="1080" dh="1920" class="origin_image zh-lightbox-thumb lazy" w="1080" data-original="https://pic4.zhimg.com/v2-16b00b23e171398fd03dbd59c492c5ef_r.jpg" data-actualsrc="//i1.wp.com/pic4.zhimg.com/50/v2-16b00b23e171398fd03dbd59c492c5ef_hd.jpg">

&" dw="1080" dh="1920" class="origin_image zh-lightbox-thumb lazy" w="1080" data-original="https://pic1.zhimg.com/v2-c83b300438bbba6e9a05963ad42e0632_r.jpg" data-actualsrc="//i1.wp.com/pic1.zhimg.com/50/v2-c83b300438bbba6e9a05963ad42e0632_hd.jpg">

---

推薦閱讀：