一.怎麼學JavaScript？

標籤：javascript   程式設計   印度人   基礎知識   怎麼學   

第一個問題是，看書有啥好處？

好處應該是不言而明的，書看多了，基礎會逐漸夯實起來。

看多了，自己的判斷力，自然就上來了。

看別人的文章，就能很快判斷出，對方每塊兒講得對不對，哪塊兒又是自己不清楚的，模稜兩可的。

當然也為看源碼，分析源碼提供了基礎。

10本書讀2遍的好處，應該大於一本書讀20遍。

10本書的交集，那就是基礎知識的核心，而並集那就是所有的知識。

好書當然要多讀，反覆讀。但是唯讀一本是不行的。

因為每本書的側重點都不一樣。從不同的側面，去理解一個知識點，是很有意義的。

所以特別佩服印度人，他跟你講英文，你一個詞語沒聽懂，他會蹦出n個同一意思的單詞，你聽懂一個，就ok了。

看書也是這樣的，某一塊講得不透徹，不用擔心，其他書籍可以協助你來瞭解。

第二個問題是，書籍推薦。

個人覺得不錯的，沒事可以翻翻的。書籍如下：

《javascript物件導向編程指南》，風格輕鬆易懂，比較適合初學者，原型那塊兒講得透徹，12種繼承方式呢。

《js權威指南》、《js進階程式設計》，這兩本書經典是經典，但是太厚，適合把其中任意一章都當成一本書來讀。洋洋洒洒，很難一口氣看完。比較適合當做參考書。

《你不知道的javascript》狙擊js核心細節，閉包、原型、this講得都還清楚。目前《中冊》也出了，還在看。

《js設計模式與開發實踐》js設計模式也是要學的，此書把js的設計模式講得非常清晰，一點不晦澀，看起來沒多少難度。

《正則指引》，分析源碼時，如果Regex不懂，沒法進行下去的。此書相對來說講得比較清晰。

《基於MVC的JavaScript Web富應用開發》，看完後，基本能寫出自己的mvc架構了。是本好書。

《javascript函數式編程》，js是一門函數式語言，此書是函數式編程一個入門，函數是一等公民那是非常重要的。

《js忍者秘籍》，jq作者寫的，沒有傳說中的那麼難讀，話說就算你看完並理解所有知識點，也不會達到世界高手層級的。因為你還沒有做到隨心所欲。

《javascript架構設計》，如果初看此書，會覺得此書有羅列代碼之嫌。在我看來，此書講究的是架構的全域觀。

以上書籍是我認為是成就高手之路上必須看的，也需要反覆看。

css相關的書籍，說實話我看得比較少，總共有六七本吧。有兩本必須推薦一下：

《css權威指南》，css基礎知識點那是講得非常清楚的。什麼層疊優先順序、line-height啥的。不是隨便一本書都敢叫“權威指南”的。

《css揭秘》此書我也是不斷的看，此書才不屑於全面講css3各屬性呢。css規範文檔能講的，它只會講你最不在意的。此書解決的47問題，解決思路和解決方案同等重要，很有啟發性。以上各書你都可以不買，至少買本此書吧。

第三個問題，怎麼看。

想必很多同學，都想看書，但是很難看下去。

文字部分相對來說還能看看，一遇到代碼，頭皮就發麻了。

此問題一開始時我也遇到的。

說一個學習理論。

比如說學英語，有個開水理論。

詞彙量必須達到6000才行，如果沒達到，英文水平不會上去的，

這跟燒開水一樣，沒事燒燒，放著涼涼，從來沒燒到100度，那麼此水是永遠不能喝的。

一旦煮沸過，就可以隨時喝了。

20本書你看不下去，說明什麼呢？

任何一本書，你都沒看完過。熟悉的，永遠只是前三章。別笑，我原先也是這樣的。

那麼現在的問題是，怎麼把一本書看完呢？

很簡單，敲。

《基於MVC的JavaScript Web富應用開發》這本書我看時，就是這樣，終於有一天，我下定決心要把此書從頭到尾敲一遍。

文字加代碼都敲，然後就一章一章得看完了。代碼敲一遍後，你會發現，沒之前看起來的那麼難。

如果你屬於一看書就犯困那種同學。強烈建議你把《javascript物件導向編程指南》此書從頭到尾敲一遍。

堅持看完一本書後，信心就上來了。先保證看完一本再說。看完3本後，基本應該能做到幾天就能看一本了。萬事開頭難，加油吧。

第四個問題，看書的層次問題。

書看完後，要自己總結，要與其他書籍對比看。有同學同時對比著看《權威指南》和《高設》來的。

隨便拿出個知識點，你都能閉著眼睛說得頭頭是道，說明水平夠了。

下一塊就是源碼的學習了。

看架構源碼之前，想說一件事情：dom的api不懂，沒問題，你可以百度。但是正則一定要先研究研究。

不然大多數人去嘗試分析源碼時，遇到的挫折都在於此。

怎麼去閱讀源碼呢？

敲，照著敲。

有哪些代碼值得去敲呢？

優秀架構或者庫的源碼都值得你去敲。

但是拿jq來敲，來入門，那不行的。原因：太他麼長了。八九千行呢！！

個人覺得underscore.js庫是不錯的第一個選擇。原因都是工具方法，敲完以後自己的水平應該略有小成吧。

其實有一些api的實現，你要把它當成getElementById一樣，深深的印在腦海裡。比如extend方法，必須張口就來。

敲完underscore庫後，可以考慮去看看《javascript函數式編程》這本書了。

jq的源碼不好敲。那麼zepto的源碼比較少1800多行，敲一天應該敲完了。

敲幾遍後，把所有不懂的地方，都百度清楚，然後就可以寫自己的類jq的庫了。

然後就可以作為一項技能寫進自己的簡曆裡。比如“建立過自己的jquery庫”。

當然敲的過程，還能協助自己對jq的api認識。

然後是backbone.js，因為此架構是以類jq和underscore為基礎的mvc架構。代碼也沒多少行。敲吧。

spine.js與backbone類似。可以在敲其之前，先看看那本《基於MVC的JavaScript Web富應用開發》。

希望你的簡曆可以添加這麼一筆，“建立過自己的mvc架構”。

其他的，我也敲過一些。包括jq.validate.js，包括一些外掛程式。

如果你願意的話，bootstrap你可以去敲敲啊。源碼挺多的，可以按外掛程式逐個來敲。

分析明白了，輪播、分頁、下拉框等等的外掛程式那還不是分分鐘隨手就寫一個了。

最起碼看看人家api介面是怎麼設計的也是極好的。話說個人在閱讀其css代碼中，也學到了不少東西。

說到外掛程式，有兩個必須提提，一個是表格外掛程式，一個是樹。都敲完，簡曆裡可以這麼寫上，“建立過自己的UI架構”。

當然了，你也可以敲你喜歡的架構代碼，重要的是明白其實現原理，最好理解其為啥那麼設計，如果對設計模式比較熟悉的話，會經常發現原來是這麼回事。。。

照著敲只是分析源碼的入門，用途也是為了學習，最後能用在自己的項目中，那是才是正道。

就算沒啥用，也是打發時間的好方式，比看電視劇強多了。我閑著無聊時，就背著敲underscore源碼。。。

最後說句，如果你簡曆上能如期寫上那幾句話後，必須是大神。加油吧。emoticon

本文出自 “愛創課堂” 部落格，轉載請與作者聯絡！

一.怎麼學JavaScript？