轉自：/p/7
Js給初學者的印象總是那麽的“雜而亂”，相信很多初學者都在找輕松學習Js的途徑。在這裏給大家總結壹些學習Js的經驗，希望能給後來的學習者探索出壹條“輕松學習Js之路”。
Js給人那種感覺的原因多半是因為它如下的特點：
A：本身知識很抽象、晦澀難懂，如：閉包、內置對象、DOM。
B：本身內容很多，如函數庫、對象庫就壹大堆。
C：混合多種編程思想。它裏面不但牽涉面向過程編程思想，又有面向對象編程思想，同時，它的面向對象還和別的編程語言（如：C++，JAVA，PHP）不大壹樣。就好像又是新的壹樣，讓妳對曾經學的面向對象產生了懷疑......
D：辛苦學習後又看似和實際應用脫節。通常學了很久的js基礎之後，變量、函數、對象妳也都略知壹二，但壹到公司開發項目的時候，卻又難以下手。因為公司在開發實際項目的時候通常都是直接用它的衍生庫，如：jquery，angular，boostrap，amaze，layui，ueditor等，而這些庫又多如牛毛，同時還有自己的難點。讓妳都不知道該學哪個好，甚至都懷疑自己學的是不是js了，好像有多個版本的js壹樣，總是學不完......
那麽，怎麽才能在js領域內學的輕松甚至遊刃有余呢？我總結了壹些實戰意義的js學習經驗：
1.首先要緊緊抓住它的地位
時刻都不能忘記，否則很容易犯“壹葉障目不見泰山”的錯誤。不要學了很久就知道js是編程語言，就是寫代碼，而且特點就是亂七八糟就完了，那樣是學不好js的。要時時抓住它的地位，確切的說是它在整個Web中的地位：它屬於前端的核心，主要用來操控和重新調整DOM，通過修改DOM結構，從而來達到修改頁面效果的目的。要用這個中心思想去指導後續的壹切js的學習，並且形成條件反射。
2.要有壹條清晰的學習路線
這個只能是過來人給妳提供參考了。我的學習路線如下：
A：js基礎部分，如：定義變量、函數、數組、字符串等的處理，內置函數、內置對象等；
B：js面向過程編程思想，封裝出各個函數，試著用這些去做壹些常見的小功能，如：選項卡、自定義多選按鈕、自定義播放器、3D幻燈片；
C：js面向對象編程思想，試著去封裝壹些妳自己的對象，提供出有意義的接口出來；
D：學了上述的內容，然後學常用的庫，這裏必須學jquery；
E：學基於jquery之上的常見插件，如：bootstrap，Layer，富文本編輯器等；
F：綜合應用上面的多種庫寫實際項目的模板，多寫幾套。
3.從多角度去學習和領悟
充分調動妳所學的東西，從多角度去做某壹功能，如：以前妳是從面向過程角度做的，現在改為從面向對象的角度再來做，或者繼續做成可以直接使用的插件，提供屬性、方法等出來。爭取讓妳做的這個功能逐漸能使用到實際項目中來。這樣的好處：既綜合應用了妳的所學，又能有實際意義。
4.註意培養信心
此時的妳，不適合壹來就看很復雜很炫的網頁效果的源代碼，也不適合壹來就學jquery，angular，vue，bootstrap這些東西。這些內容包含了很多深奧的知識在裏面，在沒有任何基礎的情況下直接學這些，會嚴重打擊妳的自信心。而此時妳是弱小的，妳需要的是培養信心，而不是反過來，否則結局很可能是“夭折”，離學有所成也就遙遙無期了。
5. 多寫總結
這種總結不但包括源代碼、顯示效果截圖，還應該很容易犯的錯誤和對應的解決方法以及最後壹兩句精簡的結論性語句。對自己寫的總結不是寫完了就了事了，要多回顧、多改進、多精簡。到做項目的時候，應該是看裏面的壹兩句話就知道是講什麽了，而不要再去看長篇大論了。
6.構建知識導圖
這個可以讓妳越學越清晰，妳可以按妳喜歡的任何形式去做，只要自己印象深刻就行。
註意：知識導圖也應該是經常修改、修正，讓它更合理、更清晰。
以下是總結的js的知識導圖，能夠認真看完就是壹次對 JavaScript 的回顧與提升，可以很好的檢驗基礎。
JavaScript變量
JavaScript 運算符
JavaScript 數組
JavaScript 流程語句
JavaScript 字符串函數
JavaScript 函數基礎
JavaScript 基礎 DOM 操作
DOM 對象
BOM 瀏覽器對象模型
JavaScript 正則表達
是的，沒有高深的知識，沒有進階的技巧。
只是，萬丈高樓平地起；只是，千裏之行始於足下；只是，千裏長提潰於蟻穴。
能把簡單的做好就是不簡單，妳能走多遠，不是在於妳有多聰明，而是取決於妳有多勤奮，***勉。
JSP學習路線圖
JSP教程