現(xiàn)在，幾乎整個(gè)互聯(lián)網(wǎng)行業(yè)都缺前端工程師，不僅在剛起步的創(chuàng)業(yè)公司，上市公司乃至巨頭，這個(gè)問(wèn)題也一樣存在。沒(méi)錯(cuò)，優(yōu)秀的前端工程師簡(jiǎn)直比大熊貓還稀少。每天，100offer的HR群都有人在吐槽招不到前端工程師。在供不應(yīng)求的前端招聘市場(chǎng)上，優(yōu)秀的前端工程師才是有話語(yǔ)權(quán)的那一方。
放眼全球，不僅在國(guó)內(nèi)的互聯(lián)網(wǎng)行業(yè)，在國(guó)外，前端工程師一樣是需求旺盛、供不應(yīng)求的香餑餑。
舉個(gè)例子，根據(jù)indeed.com抓取的數(shù)千家網(wǎng)站的職位顯示：目前前端的熱門(mén)崗位——「HTML5」是需求增長(zhǎng)最快的開(kāi)發(fā)崗位，在所有開(kāi)發(fā)職位中*，iOS緊隨其后。
可見(jiàn)，HTML5可以說(shuō)是最熱門(mén)的前端崗位了，在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)為前端開(kāi)發(fā)和web開(kāi)發(fā)類似，而web開(kāi)發(fā)已經(jīng)有20多年的歷史，所以前端并不是一個(gè)新領(lǐng)域。然而，前端工程師的概念中的「接口技術(shù)實(shí)現(xiàn)和用戶體驗(yàn)作為一個(gè)專業(yè)的工作領(lǐng)域」，卻無(wú)疑是很新的。大概幾年前，前端開(kāi)發(fā)的技術(shù)增長(zhǎng)迅猛，如下圖所示：
15年或更久以前，web的可視化設(shè)計(jì)和技術(shù)實(shí)現(xiàn)所需要的資源是平均分配的。隨著網(wǎng)站的發(fā)展——網(wǎng)站不僅是一個(gè)登錄頁(yè)面，工程資源的需求越來(lái)越明顯。人們開(kāi)始專門(mén)學(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è)的視覺(jué)設(shè)計(jì)比技術(shù)實(shí)現(xiàn)要更快，所以當(dāng)今的web需求要求更多的工程師供應(yīng)。
現(xiàn)在，一位合格的前端工程師，必須對(duì)視覺(jué)設(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è)品牌你也繞不開(kāi)請(qǐng)一位設(shè)計(jì)師一樣。
原因二：對(duì)前端，普遍存在巨大的誤解，其實(shí)前端一點(diǎn)也不簡(jiǎn)單
大多人都認(rèn)為前端開(kāi)發(fā)是一個(gè)「相對(duì)于其他模塊來(lái)說(shuō)更簡(jiǎn)單的領(lǐng)域」，在他們心中的前端工程師是這樣工作的：
1、把Photoshop文件、圖片或者線框放進(jìn)一個(gè)網(wǎng)頁(yè)；
2、偶爾設(shè)計(jì)Photoshop文件、圖片或者線框；
3、用Javascript編程，為網(wǎng)頁(yè)制作動(dòng)畫(huà)、過(guò)渡效果；
4、用HTML和CSS編程，確定網(wǎng)頁(yè)的內(nèi)容和布局。
事實(shí)上，前端工程師在做的是：
1、在設(shè)計(jì)師和工程師之間實(shí)現(xiàn)可視化的語(yǔ)言；
2、用可視化的設(shè)計(jì)，定義一組代表內(nèi)容、品牌和功能的組件；
3、為Web應(yīng)用程序的會(huì)話、框架、需求、可視化的語(yǔ)言和規(guī)格設(shè)定底線；
4、定義Web應(yīng)用程序的設(shè)備、瀏覽器、屏幕、動(dòng)畫(huà)的范圍；
5、開(kāi)發(fā)一個(gè)質(zhì)量保證指南來(lái)確保品牌忠誠(chéng)度、代碼質(zhì)量、產(chǎn)品標(biāo)準(zhǔn)；
6、為Web應(yīng)用程序設(shè)定適當(dāng)?shù)男芯?、字體、標(biāo)題、圖標(biāo)、填充等等；
7、為Web應(yīng)用程序設(shè)定多種分辨率的圖像，設(shè)備為主的實(shí)體模型，同時(shí)維護(hù)設(shè)計(jì)指南；
8、標(biāo)記Web應(yīng)用程序，使之語(yǔ)義化，SEO友好；
9、用一種友好的，耗電少的，設(shè)備和客戶端感知的方式連接API，獲取信息；
10、開(kāi)發(fā)客戶端代碼來(lái)顯示流暢的動(dòng)畫(huà)、過(guò)渡、延遲加載、交互、應(yīng)用工作流程，大多數(shù)時(shí)間用來(lái)考慮漸進(jìn)增強(qiáng)和向后兼容的標(biāo)準(zhǔn)；
11、保證后臺(tái)連接安全，采取跨域資源共享 (CORS) 的程序考慮，防止跨站點(diǎn)腳本 (XSS) 和跨站請(qǐng)求偽造 (CSRF) ；
12、最重要的是，盡管有嚴(yán)格的期限、利益相關(guān)者的要求，以及設(shè)備的限制，無(wú)論現(xiàn)在還是將來(lái)永遠(yuǎn)是「客戶*」。
為了實(shí)現(xiàn)上述目標(biāo)，前端工程師采用了從可視化到編程的多種工具 ，甚至有時(shí)要照顧市場(chǎng)、UX到內(nèi)容改進(jìn)等等。
原因三：大量糟糕前端工程師的存在，擾亂了市場(chǎng)
這或許是難以招到優(yōu)秀前端工程師最明顯的原因。由于前端工程師的入門(mén)門(mén)檻非常低，JavaScript、CSS、HTML 并不是很難入門(mén)掌握的語(yǔ)言，似乎認(rèn)為只要花一點(diǎn)時(shí)間，誰(shuí)都可以通過(guò)網(wǎng)上教程和書(shū)本學(xué)會(huì)它。對(duì)的，前端工程師市場(chǎng)就是被這些淺嘗輒止的家伙搞壞的。
糟糕的前端工程師是這樣做事的：
1、濫用JavaScript庫(kù)，因?yàn)樗麄儗?shí)際上并不了JavaScript的核心（e.g. 一切都用 jQuery）；
2、濫用JavaScript插件，無(wú)節(jié)制的復(fù)用別人的代碼，哪怕自己根本讀不懂；
3、不看需求、設(shè)計(jì)，也不做比較或評(píng)價(jià)，就給Web應(yīng)用程序添加CSS框架，卻只用到框架的一小部分；
4、認(rèn)為只要用了CSS框架，網(wǎng)站就是響應(yīng)式的，或是對(duì)響應(yīng)式設(shè)計(jì)的意義理解不到位；
5、一邊在說(shuō)著「響應(yīng)式Web設(shè)計(jì)」，卻對(duì)服務(wù)器端解決方案技術(shù)一無(wú)所知；
6、用CSS編程時(shí)不做預(yù)處理器、命名規(guī)范等；
7、忽視性能、內(nèi)存泄露（并不理解內(nèi)存泄露的真正含義），不會(huì)檢測(cè)代碼；
8、不會(huì)用指標(biāo)衡量一個(gè)產(chǎn)品，或者這種指標(biāo)旨在自己的電腦、瀏覽器、設(shè)備有效；
9、忽視30年來(lái)的軟件工程技術(shù)，閉門(mén)造車。
要知道，入門(mén)容易精通難，計(jì)算機(jī)和軟件的基礎(chǔ)對(duì)你用 JavaScript 或?yàn)g覽器編程都非常重要。Web 可能是最有影響力的平臺(tái)和環(huán)境之一，在那里執(zhí)行的程序必須被小心對(duì)待。一位優(yōu)秀的前端工程師不僅要考慮 Web 技術(shù)和語(yǔ)言，并且還要了解所有不同的組件、系統(tǒng)和概念。
然后只有優(yōu)秀的前端工程師在即時(shí)面對(duì)普通的任務(wù)也會(huì)做的事情（這才是市場(chǎng)急需的前端）：
1、DNS解析，使用CDN，把資源請(qǐng)求分散到多個(gè)域名上去；
2、理解HTTP Headers (Expires、Cache-Control、If-Modified-Since)
3、Steve Souders 的所有高性能網(wǎng)頁(yè)優(yōu)化規(guī)則(參考：High Performance Websites一書(shū))
4、如何解決 PageSpeed、YSlow、Chrome Dev Tools Audit、Chrome Dev Tools Timeline 等工具列出的所有問(wèn)題；
5、何時(shí)把任務(wù)傳到服務(wù)器，何時(shí)適合傳到客戶端；
6、緩存，預(yù)取和延遲加載技術(shù)的使用；
7、原生 JavaScript，知道何時(shí)從頭開(kāi)始做，何時(shí)參考別人的代碼，同時(shí)可以評(píng)估這樣做的優(yōu)缺點(diǎn)；
8、 *的MVC Javascript 庫(kù)知識(shí)以及用法；
9、CSS標(biāo)準(zhǔn)的知識(shí)與用法；
10、JavaScript的計(jì)算機(jī)科學(xué)部分的知識(shí)（內(nèi)存管理，垃圾收集算法等等等等）
換句話說(shuō)，如果說(shuō)掌握(或者某些簡(jiǎn)歷里自稱的精通) HTML+CSS+JavaScript，了解后端知識(shí)，只是60分的合格前端；那么要想成為受追捧、拿高薪的80分優(yōu)秀前端，要對(duì)業(yè)務(wù)需求和、架構(gòu)設(shè)計(jì)有真正的運(yùn)用；而100分的頂級(jí)前端，則必須要能夠兼顧技術(shù)和設(shè)計(jì)，更接近「以前端開(kāi)發(fā)為主的全棧工程師」了。
現(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)?Web中的前端編程變得越來(lái)越有挑戰(zhàn)和意義。
