針對WEB前端新人的前端知識體系
現在談到WEB前端的技術結構、知識體系，都會搞出一個非常大、枝葉非常多且細的相當宏大的思維導圖，
就像這種的這種大而全的圖示對新人來講，太大了，不好掌握，而且容易在其中迷失。我想今天和大家談一下針對新人的前端知識體系。
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，然後一年左右的工作經驗，我覺得工資拿不到一萬不太可能。
剛纔講的五個部分，其中一，二，三都是相對成熟的，就是那些東西，必須那麼寫。第四部分業務和場景裏，主要就是業務那塊。業務流程一般會劃分爲組件和模塊，組件我認爲是無邏輯的，就是一些切換和開關、樣式，強調通用性；模塊是有邏輯的，強調的是對數據的處理，以及根據數據來控制網站的視圖。