前端開發人員應該掌握的七大技能

 

隨着互聯網快速成爲平常工做生活的一部分，對於從事互聯網的職業也有了更加清晰的定位：設計，前端開發，後端，編輯，運營等等。在這裏咱們之前端開發的人員的角度來看看應該掌握哪些技能。

大部分人會很天然地認爲「頁面的開發沒什麼技術含量，很簡單」。不只有這種廣泛的認知，對從業者來講也有不少疑惑：作頁面前端實現，沒問題；兼容性，小case；圖片集成，一直都在用……還能有什麼問題？是否是真的沒什麼問題了呢？那麼頁面開發還有哪些要求，還要作些什麼，這裏面的水有多深，讓咱們舀舀看。

技能一：繪製原型圖，實現效果圖

優秀的前端開發人員必然熟練掌握一種原型圖設計工具，可以將構思經過工具繪製成原型圖。同時可以將設計作出的視覺稿經過頁面代碼的方式表現出來。好比目前最流行，便捷的原型圖工具Mockplus，歷史悠久的Axure等。能完成這兩個內容就能夠初步進入頁面前端的從業者行列了，但這就表明着咱們能夠勝任頁面開發的工做了？不，纔剛剛開始！

技能二：與設計師的溝通和項目的參與

各行各業溝通很重要，做爲前端開發人員，接觸到的最主要的「客戶」就是項目設計師。設計師根據原型圖出視覺稿，在這個過程當中，前端開發人員須要和設計師進行某些效果實現的探討，好比對低端瀏覽器渲染效率影響，是否能夠經過CSS3實現從而使結構更加清晰，是否能在視覺效果和代碼實現中尋求平衡。前端開發有義務對開發出來的頁面穩定性和渲染效率負責。在不少狀況下，項目進度要求設計與前端開發同步進行，這種狀況下就必須儘量多的參與到項目溝通。

技能三：搭建良好的頁面結構

在前端開發中頁面結構的編寫比如蓋房時的打地基，結構的好壞會直接影響到代碼的質量、JS開發、後端的開發以及之後頁面的擴展、調整和迭代。當拿到設計稿以後不要急於開工，多觀察思考。先分析佈局，劃分框架，而後規劃結構，編寫代碼。

技能四：優美的代碼

隨着web項目功能愈來愈複雜，帶來的直接後果就是代碼的體量變得很龐大。如何進行協同開發和代碼的維護是從前端開發開始就要思考的問題。這種情形下須要考慮完善，統一規劃，養成一個良好的代碼開發習慣。好比：合理的使用標籤、良好的註釋、清晰的代碼結構、準確使用CSS等。優美的代碼，清晰的結構可以爲下游開發和協同開發下降了不小的溝通成本。

技能五：保障效率

做爲項目開發中靠前的一環，前端開發人員必定要有一個認識：儘早完成爲項目後續進展爭取更多的時間。「工欲善其事，必先利其器」，除了實戰經驗和代碼習慣的造成能夠幫助咱們提升效率外，想要提升對本身開發的進度掌控能力，還須要學會使用輔助工具幫助提升頁面開發的效率，好比使用Less 或 Sass 能夠幫助咱們拓展和組織CSS，大大提升 CSS的編寫效率增長了可維護性。多多發掘必定會找到最合適本身使用的工具。

技能六：針對服務器的優化

頁面開發也須要了解服務器的優化，儘可能減少服務器負擔。好比css sprite 就是一個典型減少服務器請求數的例子，以及對 class 名進行了混淆壓縮避免命名過長的冗餘；應用 base64 減小請求數量等等措施。這些都是綜合權衡的結果，須要考慮各個方面總體優化。由於當頁面訪問量達到必定的數量級時，再小的一點優化都會達到可觀的效果，不然小問題會帶來大災難。

技能七：永遠不中止學習

這是一個飛速發展的時代，同時也是充滿機會的時代，HTML5時代的來臨伴隨着移動互聯網的興起創造了更大的機會，還有太多的東西值得咱們去學習去發現。做爲一名開發人員，走在技術的最前沿永遠是保持競爭力最好的方式。正所謂「惟有高屋建瓴方可水到渠成」。拿蘋果 CEO 在斯坦福演講的一句話「Stay Hungry， Stay Foolish」和你們共勉。