如何才能正確有效的學(xué)習(xí)js
“前端怎么學(xué)”應(yīng)該因人而異,別人的方法未必適合自己。不過為了幫助廣大小伙伴更好的學(xué)習(xí)js,以下是學(xué)習(xí)啦小編分享給大家的正確有效的學(xué)習(xí)js的方法,希望可以幫到你!
正確有效的學(xué)習(xí)js的方法一
看書有啥好處?
好處應(yīng)該是不言而明的,書看多了,基礎(chǔ)會逐漸夯實起來。看多了,自己的判斷力,自然就上來了??磩e人的文章,就能很快判斷出,對方每塊兒講得對不對,哪塊兒又是自己不清楚的,模棱兩可的。當(dāng)然也為看源碼,分析源碼提供了基礎(chǔ)。
10本書讀2遍的好處,應(yīng)該大于一本書讀20遍。10本書的交集,那就是基礎(chǔ)知識的核心,而并集那就是所有的知識。好書當(dāng)然要多讀,反復(fù)讀。但是只讀一本是不行的。因為每本書的側(cè)重點都不一樣。從不同的側(cè)面,去理解一個知識點,是很有意義的。
所以特別佩服印度人,他跟你講英文,你一個詞語沒聽懂,他會蹦出n個同一意思的單詞,你聽懂一個,就ok了??磿彩沁@樣的,某一塊講得不透徹,不用擔(dān)心,其他書籍可以幫助你來了解。
正確有效的學(xué)習(xí)js的方法二
書籍推薦
個人覺得不錯的,沒事可以翻翻的。書籍如下:
>《javascript面向?qū)ο缶幊讨改稀?,風(fēng)格輕松易懂,比較適合初學(xué)者,原型那塊兒講得透徹,12種繼承方式呢。
>《js權(quán)威指南》、《js高級程序設(shè)計》,這兩本書經(jīng)典是經(jīng)典,但是太厚,適合把其中任意一章都當(dāng)成一本書來讀。洋洋灑灑,很難一口氣看完。比較適合當(dāng)做參考書。
>《你不知道的javascript》狙擊js核心細節(jié),閉包、原型、this講得都還清楚。目前《中冊》也出了,還在看。
>《js設(shè)計模式與開發(fā)實踐》js設(shè)計模式也是要學(xué)的,此書把js的設(shè)計模式講得非常清晰,一點不晦澀,看起來沒多少難度。
>《正則指引》,分析源碼時,如果正則表達式不懂,沒法進行下去的。此書相對來說講得比較清晰。
>《基于MVC的JavaScript Web富應(yīng)用開發(fā)》,看完后,基本能寫出自己的mvc框架了。是本好書。
>《javascript函數(shù)式編程》,js是一門函數(shù)式語言,此書是函數(shù)式編程一個入門,函數(shù)是一等公民那是非常重要的。
>《js忍者秘籍》,jq作者寫的,沒有傳說中的那么難讀,話說就算你看完并理解所有知識點,也不會達到世界高手級別的。因為你還沒有做到隨心所欲。
>《javascript框架設(shè)計》,如果初看此書,會覺得此書有羅列代碼之嫌。在我看來,此書講究的是框架的全局觀。以上書籍是我認(rèn)為是成就高手之路上必須看的,也需要反復(fù)看。
css相關(guān)的書籍,說實話我看得比較少,總共有六七本吧。有兩本必須推薦一下:
>《css權(quán)威指南》,css基礎(chǔ)知識點那是講得非常清楚的。什么層疊優(yōu)先級、line-height啥的。不是隨便一本書都敢叫“權(quán)威指南”的。
>《css揭秘》,此書我也是不斷的看,此書才不屑于全面講css3各屬性呢。css規(guī)范文檔能講的,它只會講你最不在意的。此書解決的47問題,解決思路和解決方案同等重要,很有啟發(fā)性。以上各書你都可以不買,至少買本此書吧。
正確有效的學(xué)習(xí)js的方法三
怎么看書?
想必很多同學(xué),都想看書,但是很難看下去。文字部分相對來說還能看看,一遇到代碼,頭皮就發(fā)麻了。此問題一開始時我也遇到的。
說一個學(xué)習(xí)理論。比如說學(xué)英語,有個開水理論。詞匯量必須達到6000才行,如果沒達到,英文水平不會上去的,這跟燒開水一樣,沒事燒燒,放著涼涼,從來沒燒到100度,那么此水是永遠不能喝的。一旦煮沸過,就可以隨時喝了。
20本書你看不下去,說明什么呢?任何一本書,你都沒看完過。熟悉的,永遠只是前三章。別笑,我原先也是這樣的。
那么現(xiàn)在的問題是,怎么把一本書看完呢?很簡單,敲?!痘贛VC的JavaScript Web富應(yīng)用開發(fā)》這本書我看時,就是這樣,終于有一天,我下定決心要把此書從頭到尾敲一遍。文字加代碼都敲,然后就一章一章得看完了。代碼敲一遍后,你會發(fā)現(xiàn),沒之前看起來的那么難。
如果你屬于一看書就犯困那種同學(xué)。強烈建議你把《javascript面向?qū)ο缶幊讨改稀反藭鴱念^到尾敲一遍。堅持看完一本書后,信心就上來了。先保證看完一本再說,看完3本后,基本應(yīng)該能做到幾天就能看一本了。萬事開頭難,加油吧。
正確有效的學(xué)習(xí)js的方法四
看書的層次問題
書看完后,要自己總結(jié),要與其他書籍對比看。有同學(xué)同時對比著看《權(quán)威指南》和《高設(shè)》來的。隨便拿出個知識點,你都能閉著眼睛說得頭頭是道,說明水平夠了。
下一塊就是源碼的學(xué)習(xí)了??纯蚣茉创a之前,想說一件事情:dom的api不懂,沒問題,你可以百度。
但是正則一定要先研究研究,不然大多數(shù)人去嘗試分析源碼時,遇到的挫折都在于此。
怎么去閱讀源碼呢?敲,照著敲。
有哪些代碼值得去敲呢?優(yōu)秀框架或者庫的源碼都值得你去敲。但是拿jq來敲,來入門,那不行的。原因:太他么長了。八九千行呢!!
個人覺得underscore.js庫是不錯的第一個選擇。原因都是工具方法,敲完以后自己的水平應(yīng)該略有小成吧。其實有一些api的實現(xiàn),你要把它當(dāng)成getElementById一樣,深深的印在腦海里。比如extend方法,必須張口就來。敲完underscore庫后,可以考慮去看看《javascript函數(shù)式編程》這本書了。
jq的源碼不好敲。那么zepto的源碼比較少1800多行,敲一天應(yīng)該敲完了。敲幾遍后,把所有不懂的地方,都百度清楚,然后就可以寫自己的類jq的庫了。然后就可以作為一項技能寫進自己的簡歷里。比如“創(chuàng)建過自己的jquery庫”。當(dāng)然敲的過程,還能幫助自己對jq的api認(rèn)識。
然后是backbone.js,因為此框架是以類jq和underscore為基礎(chǔ)的mvc框架。代碼也沒多少行。敲吧。spine.js與backbone類似。可以在敲其之前,先看看那本《基于MVC的JavaScript Web富應(yīng)用開發(fā)》。希望你的簡歷可以添加這么一筆,“創(chuàng)建過自己的mvc框架”。
其他的,我也敲過一些。包括jq.validate.js,包括一些插件。如果你愿意的話,bootstrap你可以去敲敲啊。源碼挺多的,可以按插件逐個來敲。分析明白了,輪播、分頁、下拉框等等的插件那還不是分分鐘隨手就寫一個了。最起碼看看人家api接口是怎么設(shè)計的也是極好的。話說個人在閱讀其css代碼中,也學(xué)到了不少東西。說到插件,有兩個必須提提,一個是表格插件,一個是樹。都敲完,簡歷里可以這么寫上,“創(chuàng)建過自己的UI框架”。
當(dāng)然了,你也可以敲你喜歡的框架代碼,重要的是明白其實現(xiàn)原理,最好理解其為啥那么設(shè)計,如果對設(shè)計模式比較熟悉的話,會經(jīng)常發(fā)現(xiàn)原來是這么回事。
照著敲只是分析源碼的入門,用途也是為了學(xué)習(xí),最后能用在自己的項目中,那是才是正道。就算沒啥用,也是打發(fā)時間的好方式,比看電視劇強多了。我閑著無聊時,就背著敲underscore源碼。最后說句,如果你簡歷上能如期寫上那幾句話后,必須是大神。加油吧。
猜你喜歡:
2.如何系統(tǒng)地學(xué)習(xí)javascript知識