1. 明確你的前端學習路線與方法
- 0基礎入門：《JavaScript高級程序設計》《精通CSS》等書籍，閱讀一些參考性質的網站：MDN
前端學習方法：
1.建立知識架構
- 知識架構：知識的“目錄”或者索引，它能夠幫助我們把零散的知識組織起來，也能夠幫助我們發現一些知識上的盲區。
- 知識點劃分：文法、語義、運行時
文法：詞法/語法 （編譯原理的劃分）
語義 跟語法一一對應
運行時：類型/執行過程
2.追本溯源
追本溯源，其實就是關注技術提出的背景，關注原始的論文或者文章，關注作者說的話。
總結
你要試着建立自己的知識架構，除此之外，還要學會追本溯源，找到知識的源頭。
2.列一份前端知識架構圖
前端的知識在總體上分成基礎部分和實踐部分，基礎部分包含了JavaScript語言（模塊一）、CSS和HTML（模塊二）以及瀏覽器的實現原理和API（模塊三），這三個模塊涵蓋了一個前端工程師所需要掌握的全部知識。實踐部分（模塊四）
JavaScript
HTML 和 CSS
在HTML的部分：我把標籤分成下面幾種。
- 文檔元信息：通常是出現在head標籤中的元素，包含了描述文檔自身的一些信息；
- 語義相關：擴展了純文本，表達文章結構、不同語言要素的標籤；
- 鏈接：提供到文檔內和文檔外的鏈接；
- 替換型標籤：引入聲音、圖片、視頻等外部元素替換自身的一類標籤；
- 表單：用於填寫和提交信息的一類標籤；
- 表格：表頭、表尾、單元格等表格的結構。
ARIA，它是HTML的擴展，在可訪問性領域，它有至關重要的作用。
CSS部分： 在語言部分，我們會從大到小介紹CSS的各種語法結構，比如@rule、選擇器、單位等等。功能部分，我們大致可以分爲佈局、繪製和交互類。
在佈局類我們介紹兩個最常用的佈局：正常流和彈性佈局。繪製類我們則會分成圖形相關的和文字相關的繪製。最後我們會介紹動畫和其它交互。
瀏覽器的實現原理和API
前端工程實踐
重學前端目錄：
