Js給人那種感覺的原因多半是因為它如下的特點：

A：本身知識很抽象、晦澀難懂，如：閉包、內建物件、DOM。

B：本身內容很多，如函式庫、物件庫就一大堆。

C：混合多種程式設計思想。它裡面不但牽涉面向過程程式設計思想，又有面向物件程式設計思想，同時，它的面向物件還和別的程式語言（如：C++，JAVA，PHP）不大一樣。就好像又是新的一樣，讓你對曾經學的面向物件產生了懷疑......

D：辛苦學習後又看似和實際應用脫節。通常學了很久的js基礎之後，變數、函式、物件你也都略知一二，但一到公司開發專案的時候，卻又難以下手。因為公司在開發實際專案的時候通常都是直接用它的衍生庫，如：jquery，angular，boostrap，amaze，layui，ueditor等，而這些庫又多如牛毛，同時還有自己的難點。讓你都不知道該學哪個好，甚至都懷疑自己學的是不是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.構建知識導圖

這個可以讓你越學越清晰，你可以按你喜歡的任何形式去做，只要自己印象深刻就行。

注意：知識導圖也應該是經常修改、修正，讓它更合理、更清晰。

//--------------------------------------------------------------

文章轉載來源於：https://www.cnblogs.com/jiaoyu121/p/6965230.html