前端工程師的英文名爲front-end engineer,簡稱FE。javascript
如今意義上的前端(並不是只製做網頁),國內最先開始有大規模招聘崗位應該是2011年左右的事情吧,在此以前,FE的工做基本都是由服務端工程師包辦的,或者是由設計師來產出HTML頁面。那麼,是什麼樣的緣由催生出了FE這一職位呢?前端
用戶體驗的高需求java
隨着web2.0概念的普及以及web3.0的提出,用戶成爲互聯網的主要生產者,網頁所承載的功能愈來愈多。node
(1)企業的「用戶體驗」訴求很強烈。這個很容易就能理解,若是你的產品看上去就像個釣魚網站並且還特別難用,就會有一部分用戶離你而去。非互聯網企業呢?也會面臨這樣的狀況,你花了很大的功夫優化數據庫,優化服務器負載,你的客戶卻很難感知到你的努力。你的系統界面仍是八九十年代的風格,客戶的第一感受就是這系統不行,不買你的賬。相反,若是你花一點時間作一套嶄新風格的界面出來,客戶的第一感受就是這個系統好炫酷,技術含量很高。不要小看這個第一感受,對於外行人來講,第一感受每每起到了決定做用。好多企業都意識到了這一點,因此對用戶體驗的訴求就上去了。android
(2)如今的用戶也都很挑剔。畢竟他們使用的產品一個比一個炫,都被慣壞了,你的產品稍有點不爽的地方,就上微博去給你宣傳。ios
前端工程師是用戶體驗的把控者,在產品經理構想出交互原型,設計師設計出交互細節後,FE就用他的雙手一行行敲出這些代碼。他敲出的每個按鈕,每一張圖片,都被成千上萬的用戶點擊着,FE與用戶能夠說是「零距離接觸」。做爲產品交互的實現者,除了HTML、CSS這兩門語言要精通外,對前端要求更高的實際上是非技術因素。web
什麼是用戶體驗?數據庫
好比頁面上有一個超連接,字體比較小的狀況下,用戶可能會一下點不中,由於連接的可點擊區域是緊貼着文字邊緣的。前端能夠經過很簡單的方法來擴大這個連接的可點擊區域,使得用戶更容易點中。這就是用戶體驗編程
前端工程師應具有的特色windows
(1)FE須要有一點強迫症。這體如今對任何瑕疵的不容忍。好比採用技術手段讓頁面的滾動更平滑些,減小頁面的視覺抖動,像素級別的定位校準。當用戶觸碰的內容是一串非電話號碼的數字時,不要讓手機自動調出撥號功能,等等。不少細節是產品經理沒法感知的,由於這些都是很零散的技術手段,只有靠FE來點滴積累。再有極致者,追求讓頁面的響應時間再減小几個毫秒,讓你的手機少耗幾KB流量,少耗一些電量。這些甚至連用戶都沒法感知,可是當你的用戶有百萬級別或者千萬級別,這樣作的價值就顯現出來了。
(2)前端工程師須要是一個心思細膩之人,須要對美有所領悟,須要執着地追求完美,須要有品味,有思想,有大局觀。
(3)前端領域的技術更新相對於其餘領域要快不少,緣由大概也是由於這個領域離用戶最近吧。有一些新的技術甚至是顛覆性的,前端工程師必需要跟上時代的步伐,不然你開發出的產品在體驗上就落後別人一截了。
(4)前端工程師須要有較高的溝通能力和理解能力。咱們常常開玩笑說「設計師活在童話故事裏」,由於有時候他們設計的頁面根本不符合常規,沒法實現。這個時候你就須要耐心的給設計MM講原理、講緣由,而且告訴她設計須要遵循哪些基本規範。對於產品經理的思想,你要能把握到位,你得理解他比劃了半天究竟是想要作什麼。與後端工程師打交道的時候,你又得立刻化身編程達人,跟他們聊數據類型,聊面向對象,聊設計模式。
前端工程師要作的事情
(1)javascript就是FE須要掌握的編程語言,應該通曉這門語言的優點和缺點,掌握各類編程思想、開發模式。利用各類技巧實現交互愈來愈豐富的界面,同時還要與服務端的工程師溝通,調試接口,完成:頁面展現——響應用戶操做——提交用戶數據——反饋操做結果這一系列流程。從這一點上,要求前端工程師要有軟件開發的基礎,瞭解計算機的基本原理,網絡通訊的基本原理
(2)FE的工做內容已再也不是「寫寫頁面」這麼簡單。隨着前端代碼的規模愈來愈大,逐漸涌現出了模塊化開發、MVC、MVVM等開發模式。團隊規模也從原來的單兵做戰演變爲團隊開發。
因此,一個高級前端工程師,要有架構能力,這個架構能力包括不限於:
1.對現有優秀框架的瞭解與整合使用
2.根據項目的業務特色構建出合適的開發模式
3.設計前端測試方案保證代碼質量
4.用工程化方案組織起團隊的開發流程
前端的趨勢