前端工程師的英文名為front-end engineer，簡稱FE，下文將用FE來代稱。現在意義上的前端（並非只制作網頁），國內最早開始有大規模招聘崗位應該是2011年左右的事情吧，在此之前，FE的工作基本都是由服務端工程師包辦的，或者是由設計師來產出HTML頁面。那麽，是什麽樣的原因催生出了FE這壹職位呢？本文將從FE的工作內容、專業FE應具備的技能和品質來聊聊這個職業。
用戶體驗的操刀者
前端工程師的首要工作就是開發用戶界面，在web系統中，就是指網頁了。為什麽網頁需要專門的FE來寫呢？答案就是「用戶體驗」。隨著web2.0概念的普及以及web3.0的提出，用戶成為互聯網的主要生產者，網頁所承載的功能越來越多。
壹方面，企業的「用戶體驗」訴求很強烈。這個很容易就能理解，如果妳的產品看上去就像個釣魚網站而且還特別難用，就會有壹部分用戶離妳而去。非互聯網企業呢？也會面臨這樣的情況，妳花了很大的功夫優化數據庫，優化服務器負載，妳的客戶卻很難感知到妳的努力。妳的系統界面還是八九十年代的風格，客戶的第壹感覺就是這系統不行，不買妳的帳。相反，如果妳花壹點時間做壹套嶄新風格的界面出來，客戶的第壹感覺就是這個系統好炫酷，技術含量很高。不要小看這個第壹感覺，對於外行人來說，第壹感覺往往起到了決定作用。好多企業都意識到了這壹點，所以對用戶體驗的訴求就上去了。
另壹方面，現在的用戶也都很挑剔。畢竟他們使用的產品壹個比壹個炫，都被慣壞了，妳的產品稍有點不爽的地方，就上微博去給妳宣傳。
前端工程師是用戶體驗的把控者，在產品經理構想出交互原型，設計師設計出交互細節後，FE就用他的雙手壹行行敲出這些代碼。他敲出的每壹個按鈕，每壹張圖片，都被成千上萬的用戶點擊著，FE與用戶可以說是“零距離接觸”。作為產品交互的實現者，除了HTML、CSS這兩門語言要精通外，對前端要求更高的其實是非技術因素。
FE需要對用戶體驗有較深的理解。比如頁面上有壹個超鏈接，字體比較小的情況下，用戶可能會壹下點不中，因為鏈接的可點擊區域是緊貼著文字邊緣的。前端可以通過很簡單的方法來擴大這個鏈接的可點擊區域，使得用戶更容易點中。這就是用戶體驗，正如《瞬間之美》中提到的那樣，touch到用戶的內心只需要壹瞬間。對用戶體驗的理解，還體現在對壹些交互常識的把握上。比如用戶操作某個軟件的界面，會感覺它很靈巧，卻具體說不出到底是哪裏。那麽很可能是這個界面上的按鈕有著設計良好的四態（正常、鼠標移上、鼠標按下、不可用），它會隨時對妳的操作給出反饋。
懂用戶體驗的前端工程師，會讓他的作品與用戶溝通，能夠touch到用戶心中那壹塊柔軟的區域。
FE需要有壹點強迫癥。這體現在對任何瑕疵的不容忍。比如采用技術手段讓頁面的滾動更平滑些，減少頁面的視覺抖動，像素級別的定位校準。當用戶觸碰的內容是壹串非電話號碼的數字時，不要讓手機自動調出撥號功能，等等。很多細節是產品經理無法感知的，因為這些都是很零散的技術手段，只有靠FE來點滴積累。再有極致者，追求讓頁面的響應時間再減少幾個毫秒，讓妳的手機少耗幾KB流量，少耗壹些電量。這些甚至連用戶都無法感知，但是當妳的用戶有百萬級別或者千萬級別，這樣做的價值就顯現出來了。
前端工程師需要是壹個心思細膩之人，需要對美有所領悟，需要執著地追求完美，需要有品味，有思想，有大局觀，最好還能懂點心理學。
用戶端業務邏輯
做出優雅的界面只是前端工程師的第壹步，編程也是必備技能，FE承擔著處理用戶端業務邏輯的任務。放在以前，用戶端就是個IE瀏覽器，沒有什麽業務邏輯可言。但現在不同了，用戶使用瀏覽器發表文章、進行社交活動，更復雜的能使用在線工具完成工作。
javascript就是FE需要掌握的編程語言，他應該通曉這門語言的優勢和缺點，掌握各種編程思想、開發模式。利用各種技巧實現交互越來越豐富的界面，同時還要與服務端的工程師溝通，調試接口，完成：頁面展示——響應用戶操作——提交用戶數據——反饋操作結果這壹系列流程。
從這壹點上，要求前端工程師要有軟件開發的基礎，了解計算機的基本原理，網絡通信的基本原理，所以計算機相關專業出身的前端會更有優勢壹些。
前端也需要架構
寫寫網頁也要架構？有什麽好架的？回答這個問題首先得明確壹點，FE的工作內容已不再是「寫寫頁面」這麽簡單。隨著前端代碼的規模越來越大，逐漸湧現出了模塊化開發、MVC、MVVM等開發模式。團隊規模也從原來的單兵作戰演變為團隊開發。
所以，壹個高級前端工程師，要有架構能力。這個架構能力包括不限於：
對現有優秀框架的了解與整合使用
根據項目的業務特點構建出合適的開發模式
設計前端測試方案保證代碼質量
用工程化方案組織起團隊的開發流程。
向前延伸、向後延伸
物聯網的市場越來越熱了，手機是物聯網體系中的壹個關鍵節點。前端工程師的戰場已不再是單純的瀏覽器，將來會覆蓋到各種「端設備」上。得益於javascript語言的靈活性，現在用javascript已經可以開發windows應用、ios應用、android應用，可以編寫智能電視上的應用。將來，或許是VR、可穿戴設備、智能家電。這是前端可以向前延伸的方向。
另壹方面，由於nodejs的橫空出世，javascript這門語言竟然神奇的有了服務端的能力。之前用java、PHP做的事情，js同樣可以實現了。本來前端陣營中就有壹批人是從後端轉過來的，有服務端開發的基礎，得了nodejs這壹利器，再加上現在市場的需求，快出產品，敏捷開發，前端工程師向後延伸的路線寬廣而明亮。事實上，全棧工程師的概念在前年就被提出，BAT這樣的業界領頭羊早已用nodejs做壹些基礎設施的建設，而很多小而快的創業公司，也在用nodejs進行快速叠代開發。
持續學習
前端領域的技術更新相對於其他領域要快很多，原因大概也是因為這個領域離用戶最近吧。有壹些新的技術甚至是顛覆性的，前端工程師必須要跟上時代的步伐，否則妳開發出的產品在體驗上就落後別人壹截了。
有壹些市場人員提出的需求，產品經理根據多年的經驗評估後覺得無法實現，就被打回了。而事實上，隨著新技術的出現，有些妳認為無法實現的功能已經可以在前端實現了。隨著HTML5的支持度越來越高，前端擁有的能力也會越強。比如利用canvas能夠獲取到圖片上的每壹個像素點，這樣前端就擁有了圖像處理能力。有了FileReader API，前端擁有了本地文件的讀取能力，還有地理位置獲取等等。
而這些新東西，就需要前端工程師來不斷學習。所以，壹個稱職的前端必須能夠保持持續學習能力，能夠對新技術有敏銳的嗅覺。活到老，學到老，說的就是前端工程師。
高情商的程序猿
大多數人對程序猿的印象就是情商低、不善言談。但前端工程師應該是個例外，這是由工作性質決定的。
從工作流程來看，FE處於設計師的下遊，他要接設計稿，轉化為網頁。同時又是後端工程師的上遊，需要把用戶產生的數據提交到服務端。橫向來看，他又與產品經理有著密切接觸，因為他可能隨時和產品經理探討交互的細節。這樣壹個連接著團隊中的其他成員的角色，需要他既是壹個粘合劑，又是壹個潤滑劑。
前端工程師需要有較高的溝通能力和理解能力。我們經常開玩笑說“設計師活在童話故事裏”，因為有時候他們設計的頁面根本不符合常規，無法實現。這個時候妳就需要耐心的給設計MM講原理、講原因，並且告訴她設計需要遵循哪些基本規範。對於產品經理的思想，妳要能把握到位，妳得理解他比劃了半天到底是想要做什麽。與後端工程師打交道的時候，妳又得馬上化身編程達人，跟他們聊數據類型，聊面向對象，聊設計模式。
妳需要能隨時切換角色，切換妳的表達方式和談話內容。所以，妳得是壹只高情商的程序員。
以上就是我對前端工程師的理解，前端的門檻低，但要成為壹名專業的前端工程師，需要掌握的東西太多了。除了前端技術外，我認為前端更重要的是綜合能力，包括我上面談到的思維細膩、有品味、有思想、情商高等等。畢竟妳要通過代碼與用戶產生接觸，給用戶帶來愉悅感。從某種程度上來說，妳得是壹個好戀人。