前端新人如何快速打好基礎，分享我多年的經驗

1， 要談這個問題，就得首先定義一下什麼叫「新人」？到何時就不算新人了？

新人在我這裏是定義爲零基礎進入前端開發行業，工做不足一年的，就算新人了。一年以後，就不算新人了，至少算是有必定工做經驗了。

2， 要對知識體系規定二個範圍，

一是，時間範圍，就是新人在一年時間以內；

二是，在一年以內要掌握哪些東西。

3，在1和2的基礎之上，規劃出來的一個前端知識體系，纔是一個相對可執行，可操做的知識體系。

那麼頭一年時間內，應該掌握哪些東西纔是適合的呢？

這個問題很並非很好回答，由於每一個人的進度不一樣，有人每天學，有人天天學點，有人每週學點，這種狀況下怎麼去規定說一年內應該掌握哪些東西。因此必須有一個標準，用來抹平全部個體差別，可以統一的用來衡量同一羣體裏的全部人，這個標準在我看來，就是「工資」！

由於市場對全部人都是公平的。那麼一個合格的一年工做經驗的前端開發，應該是多少的工資呢？先明確一點，在我們這個行業，談工資不先說城市的，都是耍流氓。北上廣和我大瀋陽的前端工資差的不止一個地球那麼多。就暫時以北京爲例吧，合格的一年工做經驗的前端開發人員，工資必須一萬以上。

到如今爲止，這個問題就演變爲，前端開發想要月薪過萬，須要達到具備什麼樣的知識結構。

先分幾個大的部分說，

一， JavaScript、框架

二， HTML，CSS

三， 開發規範

四， 業務及場景

五， 面試

這幾個部分若是徹底細分的說，那就是幾本書也說不完了，因此我們就是以工資一萬爲界來聊一聊。爲何是聊聊呢，由於這幾個方面具體到每一個人身上也是千差萬別，因此只能就大致的方向來說，而不能下定義。

一， JavaScript

說來你們可能並不信，我我的以爲JS對於初學者來講，其實並不用太過於深究。由於一家公司可以接受你，必須是創建在對你的能力水平有清醒認識的基礎上。那麼確定安排給你的工做，就是你目前力所能及的。因此JS的基本語法OK就能夠了，具體包括：

1， 變量

2， This

3， Prototype

4， 函數和閉包

5， 異步和ajax

6，vueJs & nodeJs

二， HTML，CSS

這個部分就是注意一下語義化和dom的結構，不要在DOM上過於嵌套。

CSS就是注意一下CSS選擇器的深度，還有多平臺多瀏覽器的兼容和適配。

沒什麼可多說的，都是體力活，作多了就都OK了。

三， 開發規範

這個話題可大可小，往大了說就又得搞一本書出來了，我們往小了說說。其實很簡單，就是按着你的前端同事們的格式去寫。剛開始時別把它想的太複雜。

人家怎麼命名方式，你就怎麼起名；人家怎麼寫JS方法，你就怎麼寫JS方法；

最重要的就是協同，例如SVN，Git，這些

四， 業務和場景

業務就是公司具體在作的產品，必定要記住技術是服務於產品的。好的技術未必有好的產品，但好的產品必定有好的技術。技術沒有高低之分。必須 可以 作到能用筆把公司的產品的業務邏輯，用順序圖給畫出來。而且在業務上要有大局觀，不能以爲某一塊東西不是本身負責就徹底不理。要在心中有一個產品的全景圖，要可以對公司的產品甚至是產品線擁有上帝視角。要明白沒有業務作爲結果產品，單純的技術其實並無什麼存在的價值。就比如一把鐵鍬，若是不能用來挖土，那麼這把鐵鍬作的再好又有什麼意義呢。

至於場景，能夠說的就很少了，無非是PC和移動端，移動端又分爲手機和PAD。

PC端就是一些瀏覽器兼容性，移動端就是各類終端的適配。但要注意，由於設備規格的不一樣，PC和移動端在同一個業務上的具體實現流程是不同的。

五， 面試

這個首推面試題，把網上你能查到的面試題都過至少一遍以上，直到許多面試題你看着都面熟，基本作題這個部分就OK了。

而後就是面試時的回答，主要是把你作的項目的業務流程說清楚，而後你是負責其中哪一個部分，誰和你對接，數據是如何產生和使用的。等等

剛纔提到的那些知識並無太難太深的東西，都是一些基本的知識和技能，因此也就是月薪一萬吧。但如今的前端，月薪一萬隻是起點而已。我我的見解吧，這五個部分都基本OK，而後一年左右的工做經驗，我以爲工資拿不到一萬不太可能。

剛纔講的五個部分，其中一，二，三都是相對成熟的，就是那些東西，必須那麼寫。第四部分業務和場景裏，主要就是業務那塊。業務流程通常會劃分爲組件和模塊，組件我認爲是無邏輯的，就是一些切換和開關、樣式，強調通用性；模塊是有邏輯的，強調的是對數據的處理，以及根據數據來控制網站的視圖。

若是你們想從事前端不知道怎麼入門的，能夠在留言區評論「學習」我把我多年的經驗分享給你們，還有一些學習資料（點贊+轉發）