- 相關(guān)推薦
Javascript自學(xué)方法攻略參考
基礎教學(xué)：
當然只是個(gè)人的經(jīng)驗，有什么不對的也請高手見(jiàn)諒和指正。
關(guān)于到培訓學(xué)校學(xué)習的忠告：別說(shuō)現在沒(méi)有這樣的學(xué)校，就是有專(zhuān)門(mén)的學(xué)校也不要去，因為不會(huì )有好的老師的。不要浪費你自己（很可能是你父母）的錢(qián)和時(shí)間。趁早死了這個(gè)念頭。
關(guān)于培訓學(xué)校的這個(gè)我想我要比一般的朋友更有發(fā)言權，因為我本人干英語(yǔ)培訓將近2年，我很清楚培訓市場(chǎng)的情況，你很難碰到一個(gè)好的老師。英語(yǔ)可能還好些，畢竟英語(yǔ)說(shuō)得好的老師還比較多，長(cháng)期跟老外泡在一起，確實(shí)對口語(yǔ)能力的提高很顯著(zhù)，但是代價(jià)是很昂貴的。而你現在要學(xué)的是Javascript，呵呵，好的前端工程師可不多！
我的個(gè)人觀(guān)點(diǎn)，有資格和有能力的教好Javascript的老師，一定要是個(gè)好的有著(zhù)豐富的前端開(kāi)發(fā)經(jīng)驗的前端工程師。大學(xué)的老師，教授可能他們中很少有人符合這個(gè)要求，而好的前端工程師，都忙著(zhù)自己的工作去了。剩下的有時(shí)間去教Javascript的人，呵呵，就不多說(shuō)了。
這里也發(fā)點(diǎn)牢騷，我們在大學(xué)校園里學(xué)習的東西，你學(xué)的時(shí)候根本不知道這個(gè)東西有什么意義，你自己不去鉆研，老師他是不會(huì )告訴你的。在培訓學(xué)校，呵呵，也差不多。
如果不是一個(gè)好的前端工程師，他很難告訴你為什么我們現在提倡使用閉包把以前的全局變量放到閉包中作為閉包函數的局部變量？他也很難對 Javascript變量作用域的相關(guān)知識跟你講透徹。在Javascript里能夠形成scope（作用域）的東西有哪些？為什么說(shuō)全局變量是魔鬼？閉包又是怎么產(chǎn)生的作用域？等等這樣很基礎，但很重要的知識的意義，他不清楚，將給你聽(tīng)，讓你明白這些知識和他們的意義就更困難。
呵呵，所以我的建議，想學(xué)Javascript，還是多跟你的身邊認識的朋友，特別是那些從事前端開(kāi)發(fā)的工程師多交流和學(xué)習。自己要多鉆研。呵呵，不認識前端工程師，就到教程網(wǎng)與藍色理想來(lái)多看看（bbs.blueidea.com，記��！這可不是廣告哦�。�，把你不清楚的問(wèn)題提出來(lái)，但是我這里要說(shuō)一個(gè)好的學(xué)習習慣。什么時(shí)候提問(wèn)？
什么時(shí)候提問(wèn)？這個(gè)也是問(wèn)題嗎？對的，很多人，也是很多在校學(xué)生的一個(gè)不好的學(xué)習習慣，一有問(wèn)題就問(wèn)別人請求幫助。我個(gè)人這個(gè)是個(gè)壞習慣。難道問(wèn)問(wèn)題也是個(gè)壞習慣？對的，我個(gè)人覺(jué)得，你問(wèn)問(wèn)題尋求別人的幫助，應該是在你自己已經(jīng)動(dòng)腦經(jīng)思考，通過(guò)各種途徑查閱相關(guān)資料都無(wú)法獲取問(wèn)題的最終解決辦法的情況下再來(lái)提問(wèn)？這樣你已經(jīng)對你要解決的問(wèn)題做過(guò)研究，有一定了解，你可以更詳細的告訴別人你想要的答案大概是什么樣的，或者說(shuō)你可以把你想描述的問(wèn)題講的更清楚。這樣別人來(lái)解決你的問(wèn)題的時(shí)候，也可以更快速的作出解答。我想你學(xué)起來(lái)，對這個(gè)問(wèn)題的理解也會(huì )更深刻些。
好了，好像扯得有些遠了。來(lái)談?wù)勗趺磳W(xué)習Javascript吧！先給大家潑點(diǎn)冷水，我想告訴你的是：Javascript要比其他的開(kāi)發(fā)語(yǔ)言都難學(xué)好！
為什么？因為就目前來(lái)說(shuō)，大家（國內甚至是國外的程序員）普遍對Javascript這門(mén)編程語(yǔ)言（請允許我這么說(shuō)）了解和研究得不夠深，至少不像大家對 JAVA,C#等這樣的語(yǔ)言了解的和研究得那么透。所以這個(gè)就引起了另一個(gè)問(wèn)題，現在市面上Javascript的書(shū)籍對Javascript這門(mén)語(yǔ)言的講解都不夠深入和全面。當然是相對JAVA,C#這樣的語(yǔ)言來(lái)說(shuō)。所以這就導致了，學(xué)Javascript很困難。當然學(xué)任何一門(mén)編程語(yǔ)言，特別是學(xué)好，學(xué)精都不容易。
不過(guò)也有好的消息，就是現在大家對Javascript的重視和更深入的研究，現在Javascript書(shū)籍里講解的內容也要比4年前質(zhì)量高出太多了，可以這么說(shuō)，你現在開(kāi)始Javascript正是時(shí)候哦！呵呵！所以這里也給大家一個(gè)經(jīng)驗，買(mǎi)Javascript的書(shū)，最好不要買(mǎi)4年前，也就是2005 年前出版的。最好買(mǎi)近兩年出版的書(shū)。
說(shuō)到這里，我想說(shuō)說(shuō)一個(gè)現象，隨這大家近幾年對Javascript的重視和研究，主要是很多傳統的程序員開(kāi)始學(xué)習和研究Javascript，他們把面向對象編程的思想帶入到Javascript的前端開(kāi)發(fā)，極大的促進(jìn)了Javascript的推廣和發(fā)展。這點(diǎn)要十分感謝他們。也許是處于這些程序員的傳統的開(kāi)發(fā)的思想的影響，現在我們的Javascript庫如雨后春筍般的出現。
呵呵！JAVA有JAVA的庫和各種各樣的框架，C#也是模仿JAVA，也是有著(zhù)豐富的開(kāi)發(fā)庫。這些庫為我們的開(kāi)發(fā)帶來(lái)了極大的方便，這是個(gè)很不錯的事情。所以這些傳統的程序員在從事前端的開(kāi)發(fā)的時(shí)候，也為自己編寫(xiě)了庫。我們很熟悉的就有prototype,jQuery,YUI,Ext等等，我就不一一列舉了。當然這些庫的出現也為我們的前端開(kāi)發(fā)帶來(lái)了極大的方便，但是事情都有兩面性的，在這些庫的出現后，在給我們的開(kāi)發(fā)帶來(lái)便利的同時(shí)，也讓我們的很多朋友產(chǎn)生對庫的依賴(lài)，可能?chē)乐攸c(diǎn)的，沒(méi)有庫了，給他個(gè)記事本（我們姑且不提開(kāi)發(fā)效率）可能就不知道如何下手了。
如果仔細想想，這個(gè)也是很可怕的事情。為什么？因為大家都不再去花心思去研究Javascript底層的知識，只是一味的在這些庫的幫助下，構建那些炫目的特效（還好，這些庫都是免費的）�；蛘吒纱嘀苯佑脛e人寫(xiě)好的插件。都不知道萬(wàn)一這些庫要是開(kāi)始收費（只是瞎想想），怎么辦？還有就是這些庫比如有別有用心的人，在中加點(diǎn)什么惡意的東西，我想很難有人會(huì )從頭到位把一個(gè)庫研究個(gè)透。你怎么辦？最嚴重的就是編程能力的下降，但給人的感覺(jué)是入門(mén)的門(mén)檻更底了。不要被“The Write Less, Do More”這樣的廣告迷惑了，因為在你加載這個(gè)庫的同時(shí)，別忘了“Size of your web page is much bigger, or say the size is HUGE".
所以當大家使用這些庫的時(shí)候，我希望大家不僅僅是使用者，也要用心去閱讀這些庫的代碼，從中學(xué)習。收獲會(huì )很大的，而且說(shuō)不定，你會(huì )發(fā)現可個(gè)改善地方，甚至是有錯誤的地方。這個(gè)是很有可能的。還有就是我剛才提到的，這些庫的開(kāi)發(fā)者很多都是從傳統的程序員轉型過(guò)來(lái)，或者說(shuō)是因為開(kāi)發(fā)需要而開(kāi)始學(xué)習 Javascript，很可能會(huì )有錯誤�；蛘哒f(shuō)受以前學(xué)習語(yǔ)言的影響，寫(xiě)的程序更像是在寫(xiě)其他的語(yǔ)言，而不是寫(xiě)Javascript，執行效率并不高。所以不要迷信庫。
問(wèn)幾個(gè)問(wèn)題，你清楚jQuery是怎么實(shí)現CSS(3)和XML的XPath選擇器的嗎？jQuery又是怎么實(shí)現eventHandle的？怎么處理其中的瀏覽器兼容性問(wèn)題的？
如果你還不明白我提的問(wèn)題，那么請仔細看看jQuery是怎么實(shí)現的吧！如果你還讀不懂它，還是多看看我要給你介紹的Javascript的書(shū)吧，了解 Javascript的底層和基礎的知識。讓自己能讀懂jQuery，讓自己不要jQuery也能實(shí)現Dom的拖動(dòng)，讓自己也能寫(xiě)出自己的庫。當然這話(huà)我說(shuō)得太大了。不過(guò)只要你是真正研究Javascript和相關(guān)的知識，你也可以做到的。
繞了這么大一圈，現在讓我們正式開(kāi)始吧，來(lái)介紹幾本學(xué)習Javascript的書(shū)吧。（以下介紹的書(shū)都是本人自己購買(mǎi)閱讀過(guò)的，對了我不崇洋，一條真理：不要買(mǎi)中國人寫(xiě)的Javascript書(shū)）
入門(mén)的書(shū)：
《Javascript高級編程技術(shù)》：不要被“高級”這兩個(gè)字嚇到，這個(gè)書(shū)其實(shí)是本很不錯的入門(mén)的書(shū)，因為這本書(shū)也很詳細的介紹了javascript 的全部?jì)戎脤ο蠛驼Z(yǔ)法，并且介紹了面向對象的思想，DOM、BOM的知識，正則表達式，高級的DOM處理。Ajax的知識，還是很全面的。而且個(gè)人認為這本書(shū)對基礎知識的介紹并不比其他的同類(lèi)書(shū)遜色。比起《Javascript權威指南》（我當時(shí)買(mǎi)點(diǎn)的是第4版）,我覺(jué)得更詳細些和更清楚些。在《指南》的第4版中，我覺(jué)得那本書(shū)中講的東西有點(diǎn)混亂。感覺(jué)一個(gè)知識點(diǎn)還沒(méi)有講清楚，就給你一個(gè)什么類(lèi)，看得不明不白的。因為沒(méi)有看《指南》的第五版，所以這里不推薦給大家。而且《高級編程》這本書(shū)要比《指南》便宜不少�！陡呒壘幊獭分幸蔡岢隽瞬捎霉δ�(future)探測來(lái)取代瀏覽器版本探測來(lái)處理腳本兼容性的處理。個(gè)人覺(jué)得《指南》有的，這本書(shū)也都說(shuō)了。還有我前面提到的，這本書(shū)的作者是YAHOO的資深的前端工程師，你可以在他的網(wǎng)站下載到相關(guān)的代碼。
《Javascript DOM 編程藝術(shù)》：我個(gè)人的感覺(jué)是學(xué)習DOM編程的經(jīng)典入門(mén)書(shū)籍，作者是webstandards.org的創(chuàng )始人之一，書(shū)中以淺顯易懂的語(yǔ)言，教你一步一步的來(lái)講解DOM編程，一點(diǎn)點(diǎn)地提升網(wǎng)站的用戶(hù)體驗。書(shū)中一直強調不唐突的腳本開(kāi)發(fā)，網(wǎng)站要向后兼容，強調網(wǎng)站的可訪(fǎng)問(wèn)性。這個(gè)也是大家在做前端開(kāi)發(fā)時(shí)應當努力追求的，也是必須要有的開(kāi)發(fā)指導思想�？上Ш芏嗟暮笈_開(kāi)發(fā)的程序員，根本沒(méi)有這個(gè)概念，所以你在開(kāi)發(fā)的時(shí)候，一定要給你的程序員多。呵呵！
《CSS權威指南》第三版：做前端開(kāi)發(fā)，你必須要了解CSS，書(shū)中對CSS2的介紹很詳細了。仔細的看吧，我每次看的時(shí)候，有會(huì )有新的收獲。
《網(wǎng)站重構》、《CSS網(wǎng)站布局實(shí)錄》（唯一一本推薦的國人寫(xiě)的書(shū)）：看完了，你會(huì )知道為什么學(xué)WEB標準？你會(huì )知道前端工程師的工作很重要。
提高階段：
《Javascript DOM 高級編程》：這本書(shū)里不光詳細的介紹的DOM編程的技巧，也講了使用面向對象編程的方法，使用命名空間來(lái)管理書(shū)中所寫(xiě)的開(kāi)發(fā)庫，在不斷的學(xué)習中，你的個(gè)人 DOM Javascript庫也不斷的充實(shí)。呵呵，就像我前面說(shuō)的，你可以寫(xiě)出自己的庫了。當然書(shū)中的代碼比較松散，還不能運用到實(shí)際的企業(yè)級的開(kāi)發(fā)中。但是書(shū)中對閉包的介紹和面向對象的開(kāi)發(fā)思想，會(huì )使你對JS的認識又提高了一個(gè)層次，雖然對面向對象開(kāi)發(fā)的講解還不夠深。
《XML開(kāi)發(fā)指南》：我們知道ajax,其中X就是指的XML，所以要了解XML的相關(guān)知識，你這本書(shū)，是一定要看的�？戳酥竽銜�(huì )發(fā)現XML要了解的東西實(shí)在太多了，可能跟你了解的東西相比，你才知道點(diǎn)皮毛。對了，這里說(shuō)下，我并不推薦你使用XML來(lái)作為你的Ajax的程序的數據的載體。為什么？因為很不經(jīng)濟。你先把數據轉換成XML文檔，然后再通過(guò)Javascript把XML文檔中的數據提出來(lái)，把文檔轉成數據。而瀏覽器對XPath處理的兼容性的處理，你會(huì )很發(fā)狂的�，F在我們有一個(gè)代替他的東西JSON。但是由于XML已經(jīng)是很多標準的默認數據通訊載體，比如RSS等，所以你還是得掌握。
個(gè)人覺(jué)得學(xué)Javascript看這些書(shū)基本差不多了。當然這些書(shū)也建議你看看《精通Javascript》、《PPK 談 Javascript》、《CSS高級技巧》、《Ajax in Action》、《Ajax高級編程》、《JavaScript:The Good Parts(影印版）》。
看完這些書(shū)，你了解了Javascript的相關(guān)知識，了解了CSS（你會(huì )知道CSS都有哪些選擇器），你了解了XML的知識。呵呵，基礎的開(kāi)發(fā)你應該都可以自己解決了。而且你對Javascript的面向對象的開(kāi)發(fā)也有了了解，有著(zhù)向后兼容的開(kāi)發(fā)思想。顯然你看完這些書(shū)，你對WEB標準也會(huì )有一個(gè)更深層次的理解。
當然，想成為一個(gè)優(yōu)秀的前端工程師，你要學(xué)習的知識并不只有這些，你也要知道SEO的優(yōu)化知識，因為你寫(xiě)的頁(yè)面要對搜索引擎也要友好，要結構合理。你還要了解SQL和數據庫，最好還要了解C#等后臺編程的語(yǔ)言。兩個(gè)主要原因，要全面的提高自己，而且要充分的理解面向對象的編程，這些傳統語(yǔ)言的思想更成熟，但要知道Javascript跟這些傳統的編程語(yǔ)言的繼承機制是不一樣的。所以不要用Javascript來(lái)寫(xiě)C#。還有一個(gè)重要的原因，你要跟后臺的程序員合作，要他們更堅決的執行你的不唐突的開(kāi)發(fā)思想，你必須要經(jīng)常給他們。但是你說(shuō)的話(huà)要讓他們聽(tīng)得進(jìn)去，他說(shuō)的東西你要了解，而你最好也能給他一些有好的建議，他們才會(huì )聽(tīng)你的。為了我們WEB標準的開(kāi)展，辛苦點(diǎn)就辛苦點(diǎn)吧！
這里要補充的就是，前端開(kāi)發(fā)你要自己努力學(xué)習還有JSON和正則表達式，目前還沒(méi)有很詳細的介紹正則的書(shū)，然后就是AJAX程序中取代XML的JSON的數據載體，掌握JSON要比XML容易得多。最后就是大家也是我提到過(guò)很多次的閉包的使用，面向對象的開(kāi)發(fā)的思想。
呵呵，最后就是多練習，把你學(xué)到知識運用到實(shí)際的開(kāi)發(fā)中，常跟朋友多交流，我也希望能跟大家多交流心得。大家共同進(jìn)步！
【Javascript自學(xué)方法攻略參考】相關(guān)文章：
法國留學(xué)攻略參考11-30
日語(yǔ)自學(xué)方法06-14
對javascript的理解08-08
關(guān)于美國留學(xué)高中申請攻略參考09-24
荷蘭留學(xué)就業(yè)全攻略參考01-01
關(guān)于加拿大留學(xué)后就業(yè)攻略參考08-04
常用的JavaScript模式09-22
Javascript的this用法簡(jiǎn)述08-15
留學(xué)美國本科擇校攻略參考07-13