初學(xué)者學(xué)習(xí)JAVASCRIPT很吃力怎么辦？到底該如何學(xué)習(xí)JS？

WrBug 發(fā)布于2019-08-23 17:57 / 2702人閱讀

摘要：給初學(xué)者的印象總是那么的雜而亂，相信很多初學(xué)者都在找輕松學(xué)習(xí)的途徑。通常學(xué)了很久的基礎(chǔ)之后，變量函數(shù)對(duì)象你也都略知一二，但一到公司開(kāi)發(fā)項(xiàng)目的時(shí)候，卻又難以下手。

Js給初學(xué)者的印象總是那么的“雜而亂”，相信很多初學(xué)者都在找輕松學(xué)習(xí)Js的途徑。在這里給大家總結(jié)一些學(xué)習(xí)Js的經(jīng)驗(yàn)，希望能給后來(lái)的學(xué)習(xí)者探索出一條“輕松學(xué)習(xí)Js之路”。
Js給人那種感覺(jué)的原因多半是因?yàn)樗缦碌奶攸c(diǎn)：
A：本身知識(shí)很抽象、晦澀難懂，如：閉包、內(nèi)置對(duì)象、DOM。
B：本身內(nèi)容很多，如函數(shù)庫(kù)、對(duì)象庫(kù)就一大堆。
C：混合多種編程思想。它里面不但牽涉面向過(guò)程編程思想，又有面向?qū)ο缶幊趟枷耄瑫r(shí)，它的面向?qū)ο筮€和別的編程語(yǔ)言（如：C++，JAVA，PHP）不大一樣。就好像又是新的一樣，讓你對(duì)曾經(jīng)學(xué)的面向?qū)ο螽a(chǎn)生了懷疑......
D：辛苦學(xué)習(xí)后又看似和實(shí)際應(yīng)用脫節(jié)。通常學(xué)了很久的js基礎(chǔ)之后，變量、函數(shù)、對(duì)象你也都略知一二，但一到公司開(kāi)發(fā)項(xiàng)目的時(shí)候，卻又難以下手。因?yàn)楣驹陂_(kāi)發(fā)實(shí)際項(xiàng)目的時(shí)候通常都是直接用它的衍生庫(kù)，如：jquery，angular，boostrap，amaze，layui，ueditor等，而這些庫(kù)又多如牛毛，同時(shí)還有自己的難點(diǎn)。讓你都不知道該學(xué)哪個(gè)好，甚至都懷疑自己學(xué)的是不是js了，好像有多個(gè)版本的js一樣，總是學(xué)不完......
?
那么，怎么才能在js領(lǐng)域內(nèi)學(xué)的輕松甚至游刃有余呢？我總結(jié)了一些實(shí)戰(zhàn)意義的js學(xué)習(xí)經(jīng)驗(yàn)：
1.首先要緊緊抓住它的地位
時(shí)刻都不能忘記，否則很容易犯“一葉障目不見(jiàn)泰山”的錯(cuò)誤。不要學(xué)了很久就知道js是編程語(yǔ)言，就是寫(xiě)代碼，而且特點(diǎn)就是亂七八糟就完了，那樣是學(xué)不好js的。要時(shí)時(shí)抓住它的地位，確切的說(shuō)是它在整個(gè)Web中的地位：它屬于前端的核心，主要用來(lái)操控和重新調(diào)整DOM，通過(guò)修改DOM結(jié)構(gòu)，從而來(lái)達(dá)到修改頁(yè)面效果的目的。要用這個(gè)中心思想去指導(dǎo)后續(xù)的一切js的學(xué)習(xí)，并且形成條件反射。
?
2.要有一條清晰的學(xué)習(xí)路線
這個(gè)只能是過(guò)來(lái)人給你提供參考了。我的學(xué)習(xí)路線如下：
A：js基礎(chǔ)部分，如：定義變量、函數(shù)、數(shù)組、字符串等的處理，內(nèi)置函數(shù)、內(nèi)置對(duì)象等；
B：js面向過(guò)程編程思想，封裝出各個(gè)函數(shù)，試著用這些去做一些常見(jiàn)的小功能，如：選項(xiàng)卡、自定義多選按鈕、自定義播放器、3D幻燈片；
C：js面向?qū)ο缶幊趟枷耄囍シ庋b一些你自己的對(duì)象，提供出有意義的接口出來(lái)；
D：學(xué)了上述的內(nèi)容，然后學(xué)常用的庫(kù)，這里必須學(xué)jquery；
E：學(xué)基于jquery之上的常見(jiàn)插件，如：bootstrap，Layer，富文本編輯器等；
F：綜合應(yīng)用上面的多種庫(kù)寫(xiě)實(shí)際項(xiàng)目的模板，多寫(xiě)幾套。
?
3.從多角度去學(xué)習(xí)和領(lǐng)悟
充分調(diào)動(dòng)你所學(xué)的東西，從多角度去做某一功能，如：以前你是從面向過(guò)程角度做的，現(xiàn)在改為從面向?qū)ο蟮慕嵌仍賮?lái)做，或者繼續(xù)做成可以直接使用的插件，提供屬性、方法等出來(lái)。爭(zhēng)取讓你做的這個(gè)功能逐漸能使用到實(shí)際項(xiàng)目中來(lái)。這樣的好處：既綜合應(yīng)用了你的所學(xué)，又能有實(shí)際意義。
?
4.注意培養(yǎng)信心
此時(shí)的你，不適合一來(lái)就看很復(fù)雜很炫的網(wǎng)頁(yè)效果的源代碼，也不適合一來(lái)就學(xué)jquery，angular，vue，bootstrap這些東西。這些內(nèi)容包含了很多深?yuàn)W的知識(shí)在里面，在沒(méi)有任何基礎(chǔ)的情況下直接學(xué)這些，會(huì)嚴(yán)重打擊你的自信心。而此時(shí)你是弱小的，你需要的是培養(yǎng)信心，而不是反過(guò)來(lái)，否則結(jié)局很可能是“夭折”，離學(xué)有所成也就遙遙無(wú)期了。
?

多寫(xiě)總結(jié)

這種總結(jié)不但包括源代碼、顯示效果截圖，還應(yīng)該很容易犯的錯(cuò)誤和對(duì)應(yīng)的解決方法以及最后一兩句精簡(jiǎn)的結(jié)論性語(yǔ)句。對(duì)自己寫(xiě)的總結(jié)不是寫(xiě)完了就了事了，要多回顧、多改進(jìn)、多精簡(jiǎn)。到做項(xiàng)目的時(shí)候，應(yīng)該是看里面的一兩句話就知道是講什么了，而不要再去看長(zhǎng)篇大論了。
?
6.構(gòu)建知識(shí)導(dǎo)圖
這個(gè)可以讓你越學(xué)越清晰，你可以按你喜歡的任何形式去做，只要自己印象深刻就行。
注意：知識(shí)導(dǎo)圖也應(yīng)該是經(jīng)常修改、修正，讓它更合理、更清晰。
HTML是網(wǎng)頁(yè)的核心，是一種制作萬(wàn)維網(wǎng)頁(yè)面的標(biāo)準(zhǔn)語(yǔ)言，是萬(wàn)維網(wǎng)瀏覽器使用的一種語(yǔ)言，它消除了不同計(jì)算機(jī)之間信息交流的障礙.如果你正在學(xué)習(xí)前端，或者說(shuō)學(xué)習(xí)javascript的過(guò)程中遇到了很多困難，也可以加我們的學(xué)習(xí)群歡迎加入我們的交流之地【150】【095】【894】，和大家一起學(xué)習(xí)交流，彌補(bǔ)自己的不足。
以下是總結(jié)的js的知識(shí)導(dǎo)圖，學(xué)完這套課程，對(duì)JS的理解就非常深入了。