目錄概述1.清楚js的定位2.清晰的學(xué)習(xí)路線3.自律堅(jiān)持4.多練多寫5.從多角度去學(xué)習(xí)和領(lǐng)悟6.注意培養(yǎng)自信心7.多寫學(xué)習(xí)總結(jié)8.構(gòu)建專屬知識(shí)導(dǎo)圖概述

在我們第一階段完成HTML+CSS的學(xué)習(xí)之后，很多同學(xué)都會(huì)被第二階段JS難倒——JS語法、JS數(shù)據(jù)類型、JS對(duì)象，Js給我們的印象總是那么的“復(fù)雜”，因?yàn)樗啾萮tml來說是動(dòng)態(tài)的，是編程語言，更深?yuàn)W一些。想要熟練掌握js難度很大，不過如果你把知識(shí)點(diǎn)梳理清楚，真正的理解并加以運(yùn)用，你就可以掌握它。那么該如何才能學(xué)好JS？在這里給大家總結(jié)一些學(xué)習(xí)Js的經(jīng)驗(yàn)，希望能對(duì)你們有所幫助。

Js給人那種感覺的原因多半是因?yàn)樗缦碌奶攸c(diǎn)：

第一：本身知識(shí)很抽象、晦澀難懂，如：閉包、內(nèi)置對(duì)象、DOM。

第二：本身內(nèi)容很多，如函數(shù)庫、對(duì)象庫就一大堆。

第三：混合多種編程思想。它里面不但牽涉面向過程編程思想，又有面向?qū)ο缶幊趟枷耄瑫r(shí)，它的面向?qū)ο筮€和別的編程語言（如：C++，JAVA，PHP）不大一樣。就好像又是新的一樣，讓你對(duì)曾經(jīng)學(xué)的面向?qū)ο螽a(chǎn)生了懷疑…

那么，怎么才能在js領(lǐng)域內(nèi)學(xué)的輕松一些呢？以我親身經(jīng)歷和老師的言傳身教總結(jié)了一些js學(xué)習(xí)經(jīng)驗(yàn)：

1.清楚js的定位

時(shí)刻都不能忘記，否則很容易犯不清楚js是什么的錯(cuò)誤。不要學(xué)了很久就知道js是編程語言，就是寫代碼，而且特點(diǎn)就是亂七八糟就完了，那樣是學(xué)不好js的。要時(shí)時(shí)抓住它的地位，確切的說是它在整個(gè)Web中的地位：它屬于前端的核心，主要用來操控和重新調(diào)整DOM，通過修改DOM結(jié)構(gòu)，從而來達(dá)到修改頁面效果的目的。要用這個(gè)中心思想去指導(dǎo)后續(xù)的一切js的學(xué)習(xí)，并且形成條件反射。

2.清晰的學(xué)習(xí)路線

這個(gè)只能是自己慢慢摸索或過來人點(diǎn)撥。我的學(xué)習(xí)路線如下：

A：js基礎(chǔ)部分，如：定義變量、函數(shù)、數(shù)組、字符串等的處理，內(nèi)置函數(shù)、內(nèi)置對(duì)象等；

B：js面向過程編程思想，封裝出各個(gè)函數(shù)，試著用這些去做一些常見的小功能，如：99乘法表、選項(xiàng)卡、自定義多選按鈕、自定義播放器、3D相冊(cè)，省市區(qū)三級(jí)聯(lián)動(dòng)，鼠標(biāo)的動(dòng)效；

C：js面向?qū)ο缶幊趟枷耄^萬物皆對(duì)象，試著去封裝一些你自己的對(duì)象，提供出有意義的接口出來；

D：學(xué)了上述的內(nèi)容，之后學(xué)常用的庫，這里必須學(xué)jquery；//以后我們會(huì)了解到

3.自律堅(jiān)持

寫代碼不要一時(shí)興起，三分鐘熱度，看到別人用js做了一個(gè)炫酷的動(dòng)態(tài)網(wǎng)頁，你就大喊大叫的我也來我也來，殊不知?jiǎng)e人背地里把基礎(chǔ)打扎實(shí)了，才有這個(gè)成果，而你在三天打魚兩天曬網(wǎng)，寫一個(gè)小項(xiàng)目就會(huì)發(fā)現(xiàn)自己忘記很多知識(shí)點(diǎn)，而垂頭喪氣。編程語言從來不是一下子就能學(xué)好的，都是時(shí)間的積累，堅(jiān)持練習(xí)，不斷的完善自己的短處，所以說，自律堅(jiān)持非常重要！！！

4.多練多寫

學(xué)習(xí)js并不是跟著張宇老師，看著他敲代碼，看著他說一些代碼知識(shí)，說了很多注意事項(xiàng)，你當(dāng)時(shí)可能聽懂了，過了一段時(shí)間，當(dāng)你寫這個(gè)代碼時(shí)，腦子：我會(huì)寫！ 手：？？？？？？就會(huì)十分尷尬，明明當(dāng)時(shí)聽懂了呀，可為什么........因?yàn)槟銢]有形成深刻的記憶，學(xué)習(xí)js最好是多練習(xí)多寫代碼，做一些你感興趣的小項(xiàng)目，實(shí)現(xiàn)你想要的功能，不會(huì)的去查資料，然后多練多寫的同時(shí)，也要看看老師是怎么寫代碼的，思維也很重要。

5.從多角度去學(xué)習(xí)和領(lǐng)悟

充分調(diào)動(dòng)你所學(xué)的東西，從多角度去做某一功能，鍛煉自己的思維，能優(yōu)化代碼就盡量?jī)?yōu)化，避免冗雜，比如說：以前你是從面向過程角度做的，現(xiàn)在改為從面向?qū)ο蟮慕嵌仍賮碜觯蛘呃^續(xù)做成可以直接使用的插件，提供屬性、方法等出來。爭(zhēng)取讓你做的這個(gè)功能逐漸能使用到實(shí)際項(xiàng)目中來。這樣的好處：既綜合應(yīng)用了你的所學(xué)，又能有實(shí)際意義，兩全其美。

6.注意培養(yǎng)自信心

此時(shí)的你，不適合一來就看很復(fù)雜很炫的網(wǎng)頁效果的源代碼，在沒有任何基礎(chǔ)的情況下直接學(xué)這些，會(huì)嚴(yán)重打擊你的自信心，因此切記因小失大，注意寫代碼是循序漸進(jìn)的，而不是一飛沖天。記住此時(shí)你是弱小的，你需要的是培養(yǎng)信心，而不是反過來，否則結(jié)局很可能是“三天打魚兩天曬網(wǎng)”，離學(xué)有所成也就遙遙無期了。

7.多寫學(xué)習(xí)總結(jié)

這種總結(jié)不但包括源代碼、顯示效果截圖，還應(yīng)該很容易犯的錯(cuò)誤和對(duì)應(yīng)的解決方法以及最后一兩句精簡(jiǎn)的結(jié)論性語句。對(duì)自己寫的總結(jié)不是寫完了就了事了，要多回顧、多改進(jìn)、多精簡(jiǎn)。到做項(xiàng)目的時(shí)候，應(yīng)該是看里面的一兩句話就知道是講什么了，而不要再去看長(zhǎng)篇大論了。

8.構(gòu)建專屬知識(shí)導(dǎo)圖

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

注意：知識(shí)導(dǎo)圖也應(yīng)該是經(jīng)常修改、修正，讓它更合理、更清晰。

總結(jié)的js的知識(shí)導(dǎo)圖，能夠認(rèn)真看完就是一次對(duì) JavaScript 的回顧與提升，可以很好的檢驗(yàn)基礎(chǔ)。

俗話說，三分天注定，七分靠打拼，愛拼才會(huì)贏，那么加油吧！

以上就是淺談如何循序漸進(jìn)的學(xué)好JS的詳細(xì)內(nèi)容，更多關(guān)于JS的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章！