前端工程師的缺乏問題幾乎蔓延到整個互聯(lián)網(wǎng)行業(yè)，從剛起步的創(chuàng)業(yè)公司，到上市公司乃至巨頭，這個問題都存在著。沒錯，優(yōu)秀的前端工程師簡直比大熊貓還稀少。

每天，100offer 的 HR 群都有人在吐槽招不到靠譜的前端工程師。實話說對這些需求，100offer 也無能為力：在供不應(yīng)求的前端招聘市場上，優(yōu)秀的前端工程師才是有話語權(quán)的那一方。

在國外，前端工程師一樣是需求旺盛、供不應(yīng)求的香餑餑。

舉個例子，根據(jù) http://indeed.com 抓取的數(shù)千家網(wǎng)站的職位顯示：目前前端的熱門崗位——「HTML5」是需求增長最快的開發(fā)崗位，在所有開發(fā)職位中排名第一，MongoDB 和 iOS 緊隨其后位列第二、第三。

HTML5 可以說是最熱門的前端崗位了，在 2010 年和 2014 年底有兩次爆發(fā)性增長，現(xiàn)在在美國的崗位需求甚至超過了iOS。

市場上優(yōu)秀的前端工程師相對較缺少，是一個世界性難題。

原因一：前端相對來說是一個新領(lǐng)域，當今的web需求要求更多的工程師供應(yīng)

可能很多人認為前端開發(fā)和 web 開發(fā)類似，而 web 開發(fā)已經(jīng)有20多年的歷史，所以前端并不是一個新領(lǐng)域。然而，前端工程師的概念中的「接口技術(shù)實現(xiàn)和用戶體驗作為一個專業(yè)的工作領(lǐng)域」，卻無疑是很新的。大概幾年前，前端開發(fā)的技術(shù)增長迅猛，如下圖所示：

過去幾年前端工程師的可視化增長趨勢 by Google Trends

至少15年以前，web 的視覺設(shè)計和技術(shù)實現(xiàn)所需要的資源是平均分配的。隨著網(wǎng)站的發(fā)展——網(wǎng)站不僅是一個登錄頁面，工程資源的需求越來越明顯。人們開始專門學(xué)習網(wǎng)站專用的 JS、后端技術(shù)、UX、數(shù)據(jù)庫，甚至系統(tǒng)設(shè)計。

今天，一個像 AirBnB/Facebook/Quora 的 Web 應(yīng)用程序，投入的工程資源比設(shè)計資源多得多。換句話說，如今，做出網(wǎng)頁的視覺設(shè)計比技術(shù)實現(xiàn)要更快，所以當今的web需求要求更多的工程師供應(yīng)。

現(xiàn)在，一位合格的前端工程師，必須對視覺設(shè)計有興趣（或者樂于做一個受虐狂▼）。

很顯然，要處理大量的 Web 應(yīng)用程序需求，技術(shù)任務(wù)就要進行分類，以便于多人同時處理網(wǎng)站請求。事實上現(xiàn)在已經(jīng)不可能一個人快速地解決所有的技術(shù)細節(jié)了。

現(xiàn)在還有一類人是獨自處理一個 Web 應(yīng)用程序的所有問題，即「全棧工程師」，但是優(yōu)秀的全棧工程師同樣如大熊貓一般數(shù)量稀少。

現(xiàn)在，一個創(chuàng)業(yè)公司想要成功，幾乎要覆蓋一個 Web 應(yīng)用程序的諸多技術(shù)方面：前端、后臺、DBA、運營等。雖然已經(jīng)有一些服務(wù)可以讓企業(yè)購買登陸頁面的前端模塊和組件；但是如果你想要創(chuàng)造一些真正的 Web 應(yīng)用程序，除了求助前端工程師，別無他法，就像你要創(chuàng)立一個品牌你也繞不開請一位設(shè)計師一樣。

原因二：對前端，普遍存在巨大的誤解，其實前端一點也不簡單

很多在學(xué)習前端的時候，感覺學(xué)的沒有方向，越學(xué)越迷茫，這樣的情況一般都是學(xué)習方法開始就是錯誤的。沒有把前端技術(shù)進行專業(yè)系統(tǒng)化的學(xué)習。從就業(yè)和節(jié)約時間的角度考慮，如果有誰遇到這方面的問題，可以隨時問我，因為我做前端也比較久了，對于這些問題比較了解。

大多人都認為前端開發(fā)是一個「相對于其他技術(shù)來說更簡單的技術(shù)」，在他們心中的前端工程師是這樣工作的：

• 把 Photoshop 文件、圖片或者線框放進一個網(wǎng)頁；
• 偶爾設(shè)計 Photoshop 文件、圖片或者線框；
• 用 JS 編程，為網(wǎng)頁制作動畫、過渡效果；
• 用 HTML 和 CSS 編程，確定網(wǎng)頁的內(nèi)容和形式。

事實上，前端工程師在做的是：

在設(shè)計師和工程師之間創(chuàng)建可視化的語言；

用可視化的設(shè)計，定義一組代表內(nèi)容、品牌和功能的組件；

為 Web 應(yīng)用程序的公約、框架、需求、可視化的語言和規(guī)格設(shè)定底線；

定義 Web 應(yīng)用程序的設(shè)備、瀏覽器、屏幕、動畫的范圍；

開發(fā)一個質(zhì)量保證指南來確保品牌忠誠度、代碼質(zhì)量、產(chǎn)品標準；

為 Web 應(yīng)用程序設(shè)定適當?shù)男芯?、字體、標題、圖標、邊距、填充等等；

為 Web 應(yīng)用程序設(shè)定多種分辨率的圖像，設(shè)備為主的實體模型，同時維護設(shè)計指南；

用 account semantics, accessibility, SEO, schemas ，microformats 標記 Web 應(yīng)用程序；

用一種友好的，消耗小的，設(shè)備和客戶端感知的方式連接 API，獲取內(nèi)容；

開發(fā)客戶端代碼來顯示流暢的動畫、過渡、延遲加載、交互、應(yīng)用工作流程，大多數(shù)時間用來考慮漸進增強和向后兼容的標準；

保證后臺連接安全，采取跨地資源共享（CORS）的程序考慮，防止跨站點腳本（XSS）和跨站點請求偽造（CSRF） ；

最重要的是，盡管有嚴格的期限、利益相關(guān)者的要求，以及設(shè)備的限制，無論現(xiàn)在還是將來永遠是「客戶第一」。

為了實現(xiàn)上述目標，前端工程師采用了從可視化到編程的多種工具 ，甚至有時要照顧市場、 UX 到內(nèi)容等等。

原因三：大量糟糕前端工程師的存在，擾亂了市場

這或許是難以招到優(yōu)秀前端工程師最明顯的原因。由于前端工程師的入門門檻非常低，JS、CSS、HTML并不是很難入門掌握的語言，似乎只要花一點時間，無論是誰，都可以通過網(wǎng)上教程或者書本入門。對的，前端工程師市場就是被這些淺嘗輒止的家伙搞壞的。

糟糕的前端工程師：

JavaScript 類庫亂用，對 JavaScript 本身并不了解，什么地方都用 jQuery；

濫用 JavaScript 插件，看都不看看就把別人的代碼拿過來用，比如說；

不看需求，不做任何的比較和測試，就把CSS 框架加到項目中，但只用了其中 5% 的功能；

認為添加個 CSS Framework，網(wǎng)站就可以變成“響應(yīng)式的”，或者響應(yīng)式就像是一些小作料，隨便就可以加入到一個網(wǎng)頁應(yīng)用中；

嘴上喊著“響應(yīng)式的 Web 設(shè)計”，但服務(wù)端技術(shù)一點都不懂；

編寫的 CSS 沒有任何規(guī)范標準，不使用任何預(yù)處理器，也沒有最佳實踐。CSS 代碼中充滿了過度使用的選擇器、ID、神奇的數(shù)字以及 !important；

不關(guān)心代碼的性能和內(nèi)存泄露（什么是真正的內(nèi)存泄露也不清楚）,不會對代碼進行性能測試；

對產(chǎn)品沒有任何的衡量指標，或者把“在我的電腦/瀏覽器/移動設(shè)備上可以工作”為指標；

忽視30年的軟件工程實踐，毫無章法的開發(fā)軟件。

要知道，入門容易精通難，計算機和軟件的基礎(chǔ)對你用 JS 或瀏覽器編程都非常重要。web 可能是最有影響力的平臺和環(huán)境之一，在那里執(zhí)行的程序必須被小心對待。一位優(yōu)秀的前端工程師不僅要考慮 web 技術(shù)和語言，并且還要了解所有不同的組件、系統(tǒng)和概念。

前端工程師需要具備的經(jīng)驗和優(yōu)秀實踐（這才是市場急需的前端）：

了解 DNS 解析，充分利用 CDN，使用多個域名來完成資源的請求以縮短加載時間；

設(shè)置 HTTP Headers（Expires, Cache-Control, If-Modified-Since）；

遵循 Steve Souders 給出的全部規(guī)則（High Performance Websites）

知道如何解決 PageSpeed、YSlow、Chrome Dev Tools Audit、Chrome Dev Tools Timeline 顯示的所有問題；

知道什么任務(wù)該放在服務(wù)端，什么任務(wù)該放在客戶端；

知道使用緩存，DNS 預(yù)取和資源預(yù)加載技巧；

精通 JavaScript，知道何時自己寫何時借組別人的框架或代碼，優(yōu)劣明辨；

熟練使用現(xiàn)代 MVC JavaScript 框架（例如 AngularJS EmberJS React 等），圖形庫（D3、SnapSVG 等），DOM 操作類庫（jQuery、Zepto 等），惰性加載或者模塊管理類庫（例如 RequireJS、CommonJS 等），任務(wù)調(diào)用工具（例如 Grunt Gulp 等），包管理工具（Bower Componentjs）以及測試工具（Protractor、Selenium 等）；

掌握圖片的格式，每種格式的優(yōu)點，適用的場景；知道圖片優(yōu)化技巧以及加載策略（雪碧圖、懶加載、緩存刷新以及 PNG 交錯）；

熟悉 CSS 標準、最新的轉(zhuǎn)換工具積極策略規(guī)范（比如 BEM、SMACSS、OOCSS 等）；

JavaScript 的計算機科學(xué)（內(nèi)存管理、單進程特性、垃圾回收算法、定時器、作用域、提升以及設(shè)計模式）。

換句話說，如果說精通 HTML+CSS+JS，了解后端知識，只是60分的合格前端；那么要想成為受追捧、拿高薪的80分優(yōu)秀前端，要對業(yè)務(wù)需求和、架構(gòu)設(shè)計有真正的運用；而100分的頂級前端，則必須要能夠兼顧技術(shù)和設(shè)計，更接近「以前端開發(fā)為主的全棧工程師」了。

市場不是缺少前端，而是缺少優(yōu)秀的前端工程師

現(xiàn)在，前端工程師終于在 web 中占有了一席之地。隨著多設(shè)備、瀏覽器和Web標準的演變革命，前端正在成為兼顧邏輯、性能、交互、體驗的綜合性崗位。

雖然現(xiàn)在互聯(lián)網(wǎng)行業(yè)普遍缺少前端工程師，但是我們相信越來越多的人將會加入前端的大軍。不僅是因為大多數(shù)前端工作提供的優(yōu)渥薪水和辦公環(huán)境，也是因為web中的前端編程變得越來越有挑戰(zhàn)和意義。

最后，分享一組2015年3~4月跳槽高峰期的100offer拍賣數(shù)據(jù)，給前端們鼓鼓勁：

前端工程師人均收獲8.2個面試機會，已入職的前端工程師平均薪資漲幅達39%。其中，前端offer之王共收獲47個offer，最高offer薪水38k*16 ，開自某土豪電商。

加油吧，前端！