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

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

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

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

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

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

原因一：前端相對(duì)來(lái)說(shuō)是一個(gè)新領(lǐng)域，當(dāng)今的web需求要求更多的工程師供應(yīng)

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

過(guò)去幾年前端工程師的可視化增長(zhǎng)趨勢(shì) by Google Trends

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

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

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

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

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

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

原因二：對(duì)前端，普遍存在巨大的誤解，其實(shí)前端一點(diǎn)也不簡(jiǎn)單

很多在學(xué)習(xí)前端的時(shí)候，感覺學(xué)的沒(méi)有方向，越學(xué)越迷茫，這樣的情況一般都是學(xué)習(xí)方法開始就是錯(cuò)誤的。沒(méi)有把前端技術(shù)進(jìn)行專業(yè)系統(tǒng)化的學(xué)習(xí)。從就業(yè)和節(jié)約時(shí)間的角度考慮，如果有誰(shuí)遇到這方面的問(wèn)題，可以隨時(shí)問(wèn)我，因?yàn)槲易銮岸艘脖容^久了，對(duì)于這些問(wèn)題比較了解。

大多人都認(rèn)為前端開發(fā)是一個(gè)「相對(duì)于其他技術(shù)來(lái)說(shuō)更簡(jiǎn)單的技術(shù)」，在他們心中的前端工程師是這樣工作的：

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

事實(shí)上，前端工程師在做的是：

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

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

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

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

開發(fā)一個(gè)質(zhì)量保證指南來(lái)確保品牌忠誠(chéng)度、代碼質(zhì)量、產(chǎn)品標(biāo)準(zhǔn)；

為 Web 應(yīng)用程序設(shè)定適當(dāng)?shù)男芯唷⒆煮w、標(biāo)題、圖標(biāo)、邊距、填充等等；

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

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

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

開發(fā)客戶端代碼來(lái)顯示流暢的動(dòng)畫、過(guò)渡、延遲加載、交互、應(yīng)用工作流程，大多數(shù)時(shí)間用來(lái)考慮漸進(jìn)增強(qiáng)和向后兼容的標(biāo)準(zhǔn)；

保證后臺(tái)連接安全，采取跨地資源共享（CORS）的程序考慮，防止跨站點(diǎn)腳本（XSS）和跨站點(diǎn)請(qǐng)求偽造（CSRF） ；

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

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

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

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

糟糕的前端工程師：

JavaScript 類庫(kù)亂用，對(duì) JavaScript 本身并不了解，什么地方都用 jQuery；

濫用 JavaScript 插件，看都不看看就把別人的代碼拿過(guò)來(lái)用，比如說(shuō)；

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

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

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

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

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

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

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

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

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

了解 DNS 解析，充分利用 CDN，使用多個(gè)域名來(lái)完成資源的請(qǐng)求以縮短加載時(shí)間；

設(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èn)題；

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

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

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

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

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

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

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

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

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

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

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

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

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

加油吧，前端！