Web前端月薪過萬必修的幾項技能,你會嗎?

#思途#

經過這麼多年的發展，軟體行業分工已然是越來越精細。就web前端這塊來說，在HTML5和CSS3出現之前，一般人的理解無非是實現幾個頁面、再加上一點效果而已（在那時，前端在項目開發中的地位較低）；但HTML5和CSS3出現之後，用戶交互更加豐富、效果更加酷炫，開始向後端一樣向工程化方向發展，前端逐漸從後而脫離出來，前後端分離已然發展成為主流。

如今，js的增強版Typescript也有了面向對象特性；Angular、React、Vue已成為前端主流框架，前端開發移動應用和桌面應用也成為了現實，node甚至於可以操作數據和做伺服器了，web前端已然形成了與Java這類傳統後臺同臺共舞的形勢。

功能越強大，責任也就越重。在前端發展越來越龐大的情況，要作為一個優秀的前端，要做到哪些呢？我一般認為，優秀的web前端需要做到三個方面，第一，頁面布局和交互，這是前端的立命之本；第二，邏輯處理與實現；第三，快速學習。

1

頁面布局和交互

頁面布局和交互就是要對HTML5、CSS3、JS以及Angular、React、Vue等框架的特性了如指掌（這三個框架或許不需要全部了解），不僅管是用原生的HTML還是框架實現精美的頁面效果，並且提供酷炫的交互效果。雖然你可以使用Bootstrap或者Vue對應的一些UI庫來實現某一些效果，但你必須要懂得他們的原理，比如柵格布局是封裝了什麼實現的，UI庫為什麼可以傳參，如何根據自己的想法寫一個輪播等等，以便在這些UI庫不能滿足你的需要時可以自己實現（當然，也有的人說，真男人從不用框架，但我說，好的程式設計師不會重複造輪子）。

02

邏輯處理與實現

前面提到，現在前後端分離已是歷史必然。在前後端分離的開發模式下，web前端與後端通過ajax、Websocket等方式進行數據交換。現在的大趨勢是越來越多的邏輯處理會放到前端來處理（比如就有程式設計師跟我抱怨，後端總想把儘量多的東西放到前端來做），最簡單的例子，一些數據格式放到前端來轉換、一些數據的判空從前端就開始做。

前面說，Node已然可以用來開發伺服器操作資料庫了，業務的實現基本就是純粹的邏輯處理與實現。除此之外，還有很多其他的東西，詳見下面這張前端圖譜。

03

快速學習

其實軟體行業的技術發展都很快，可謂日新月異，因此必須要不斷學習新的技術和新的模式，不斷提升自己，使用更先進的技術構建更完善的系統。如果有可能的話，還要能對前端的發展做一些自己的貢獻。