怎樣輕鬆學習JavaScript

js給初學者的印象老是那麼的雜而亂，相信不少初學者都在找輕鬆學JS的途徑。

我試着總結本身學習多年JS的經驗，但願能給後來的學習者探索出一條輕鬆學習JS之路。

JS 給人那種感受的緣由多半是由於它如如下特色、

A：自己只是很抽象，晦澀難懂，如：閉包，內置對象，DOM.

B:自己內容太多，如函數庫，對象庫就一大堆。

C：混合多種編程思想。

它裏面不但牽涉面向過程的編程思想，又有面向對象編程思想，同時，它 的面向對象還和別的編程語言（如：C++，Java,PHP）不大同樣。

就好像又是新的同樣，，讓你對曾經學的面向對象產生懷疑。。。。

D：辛苦學習後看似和實際應用脫節。

一般學了好久的JS基礎以後，變量，函數，對象你都略知一二，但一到公司開發項目的時候，卻又難如下手.由於公司在開發實際項目的時候一般都是直接用它的衍生庫，如：Jquery,angular,bootstrap,amaze,layui,ueditor等，而這些庫有多如牛毛，同時還有本身的難點。

讓你不知道學習哪一個好，甚至懷疑本身學習的是否是JS 了，好像多個版本的JS同樣，老是學習不完。。。。。

那麼，怎樣才能在JS 領域內學的輕鬆甚至遊刃有餘呢？我總結了一些實戰意義的JS學習經驗：

首先要牢牢抓住它的地位

時刻都不能忘記，不然很容易犯一葉障目不見泰山的錯誤。

不要學習了好久就知道JS 是編程語言，就是寫代碼，並且特色就是亂七八糟就完了，那樣學習很差JS的。

要時刻抓住它 的地位，確切的說它在整個WEB中的地位，它屬於前端的核心，只要用於操控和從新調整DOM,經過修改DOM結構，從而達到修改頁面效果的目的。

要用這個中心思想去指導後續的一切JS 的學習，而且造成條件反射。

要有一條清晰的學習路線

個人學習以下：

A:js基礎部分，如：定義變量，函數，數組，字符串等的處理，內置函數，內置對象等；

B:js面向過程編程思想，封裝出各個函數，試着用這些去作一些常見的小功能，如：選項卡，自定義多選按鈕，自定義播放器，3D幻燈片；

C：JS面向對象編程思想，試着封裝一些你本身的對象，提供出有意義的接口出來；

D:學了上述內容，而後學經常使用的庫。這裏必須學jquery;

E:學基於Jquery之上的常見插件，如：bootstrap,富文本編輯器等；

F:綜合應用上面的多種庫寫史記項目的模板，多寫幾套。

注意學習方法

個人學習方法以下：

A：多買幾本國外 的js書籍，不要購買那種20天精通之類的書；

不然你很難學通的，更怕的是：原本你買被好書自學3個月可能學會的，它們硬能折騰你倆年。。。。

書籍推薦

《Javascriapt DOM編程藝術》

《JavaScriapt 權威指南》

《JavaScriapt DOM高級程序設計》

《JavaSriapt 設計模式》

《鋒利的Jquery》

爭取把書上的功能都本身練習幾回，不是一次。熟讀百篇，其義自見。

B：從多角度去學習和領悟

充分調動你所學的東西，從多角度的去作某一些功能，如：之前你是從面向過程角度作的，如今改成從面向對象的角度再來作，或者繼續作成能夠直接使用的插件，提供屬性，方法

等出來。爭取讓你作的這個功能逐漸能使用到實際項目中來。

這樣的好處：即綜合應用了你的所學，又能有實際意義。

C：必定不要好高騖遠

不要放過哪怕很小的動手機會，如作一個選項卡。

千萬不要認爲有了相似的甚至更好的插件就不須要本身寫了，知識 是別人的，不是你本身的，你即便會使用了也對你的技術技能水平沒有任何提高。

你應該多問本身，若是要我來作，我該怎樣作？

D：腳踏實地的同時，也不要脫離實際

多看如今網上出現的效果好的功能，讓它去激發你的學習熱情，儘可能去學着模擬，調動你的知識去的和實際相結合。

E：多些總結

這種總結不但包括源代碼，顯示效果截圖，還應該很容易犯的錯誤和對應的解決方法以及最後一倆句精簡的結構性語句。

對於本身寫的總結不是寫完了就完事了，要多回顧，多改進，多精簡。到作項目的時候，應該是看到裏面的一倆句話就知道是講什麼了，而不要再去看長篇大論了。

F:構建知識導圖

這個可讓你越學越清晰，好比：

http://www.phpkhbd.com/sky.html,你能夠按你喜歡任何的形式去作，只要你本身印象深入就行。

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

注意事項；

A：充分利用一切手段

不少人蹤感受時間緊，沒有大塊的時間學習。我要說你不會學了，你不該該只是抱怨，而是利用一切手段去學習，要知道，不必定只有看書才叫學習。

當你冷靜的坐在某個地方，思考了一下，總結了一下，你也叫學習，但凡是有靈感，就能夠記錄下來，好比;記錄在手機上，等方便了再記錄在專門的地方，這都叫學習。

B：貴在堅持、

要沉澱的心，沒有一躇而就的成功，不然那也不是成功，只能叫僥倖。

不但要老老實實的把每一個功能都試着去實現，並且要精益求精的不斷去修正，這個過程是漫長的，也是考驗一我的是不是人才的標準。

C：注意培養信心

此時的你，不適合一來就看很複雜的很炫的網頁效果的源代碼，也不適合一來就 學的jquery,angular,vue,bootstrap這些東西。

這些內容包含了不少深奧的知識在裏面，在沒有任何基礎的狀況下直接學這些，會嚴重打擊的你的自信心。

而此時你是弱小的，你須要的是培養信心，而不是反過來，不然結局多是夭折的，離學有所成也就遙遙無期了。

D：多跟學的好的過來人學習

站在巨人的肩上，才能看的更遠。

E：不要浪費在工具的不停選擇上

JS的編程工具不少，若是無從下手，建議使用:sublime,或者使用Hbuilder;不少公司裏的技術人員都使用這些，你直接使用這個也減小了和別人之間的溝通問題。

感受JS學習起來雜而亂的緣由是由於你太聰明瞭，一開始就管的太寬，厲害得失也計算的太精細。

要求太完美則內心承受能力降低。很容易出現「障」，此時，你應該笨一些，不要考慮那麼長遠。「傻人有傻福」，只要你作好今天就夠了。

一些不合理的學習方法和心態也讓你迷失了自我：如：心服氣躁，眼高手低，好高騖遠，這些都會讓你在亂七八糟的js面前生鮮迷霧，不能自拔。

此時，你應該從新定位本身的位置，從新去認識js,放下包袱，方能輕鬆上陣。把杯子先倒空，才能倒滿新水。。。。。

其實js是前端的核心，影響愈來愈深的互聯網+會渴求愈來愈多的JS人才，只有經歷過真正的刻骨銘心的學習經歷，才能造就贏得將來的真正精英。