一、打好基礎不用說

HTML、CSS、JavaScript三大件，完全掌握。不懂得就直接查MDN。HTML重點掌握語義化。區分塊級和內聯標簽。其他查文檔就好了。還有就是定義head里面一些meta了解下。

CSS。重點看盒子模型，定位，層級，過渡，動畫和transform。知道原理和規則。大部分工作都是照著設計稿化。掌握上面幾個99%還原也不難。接下來重點學習幾種常見的布局。完了之后去搞flex。最后搞下sass、less。基本就差不多了。

JavaScript。重點來了，紅寶書看一遍掌握基礎，進階去看《你不知道的JavaScript》。就這兩套足夠了，別搞那么多。每個知識點搞懂。ES6基本沒啥問題。下面幾個問題優搞懂，優先級如下：

this用法，相關原理

原型/原型鏈

閉包

面向對象相關

同步異步/回調/promise/async、await

模塊化CommonJS,AMD

先搞這懂這些比較難的概念，對你JS理解更加深入。接下來在開始看框架方面

二、框架方面

前期要會用，后期要懂原理。

新人先搞Vue。Vue算是比較簡單的框架了，上手容易。照著官方文檔來問題不大。原理方面要提高自己認識。學習怎么看源碼。github常去逛逛。

學習框架之前，我其實特別建議，新人先去了解Babel和webpack不僅僅是使用。一些原理方面的東西工作中也會用到。babel里面會有教你如何編譯代碼。webpack教你如和打包文件。自己手寫編譯器和打包工具也不是特別難。反正對之后看vue、react源碼幫助挺大。

搞完Vue全家桶，去了解下React，Reacthooks學習下新的理念。再回過頭來看Vue。你會發現他們是如此的相似去又不同。

多去實踐總結，對整體框架理解會越來越深刻。