作者：limu
原文地址：http://limu.iteye.com/blog/1267475
又好久沒寫東西了恢筝，寫上一篇的時候還以為接下來的工作會輕松一些 骨坑，結果未從我所愿吶烁焙，又是一陣忙碌论寨。而這段時間穿插著做了很多12年淘寶校園招聘的前端面試卤恳，很多同學都有問到萄喳，學校里沒有前端的課程，那如何學習JavaScript猾愿？
我的回答是：讀書吧鹦聪！相對于在網上學習，在項目中學習和跟著有經驗的同事學習蒂秘，書中有著相對完整的知識體系泽本，每讀一本好書都會帶來一次全面的提高。而如果深一腳淺一腳的學習姻僧，寫出代碼的質量會參差不齊规丽。初學者的首要任務是成為靠譜的熟練開發(fā)者，能夠穩(wěn)定的輸出有一定質量的代碼撇贺，這樣才能讓人放心的把任務交給你赌莺。從這個角度來看，跟著w3school類成體系的網絡教程學習也是不錯的選擇松嘶，只不過我沒有親自實踐過艘狭。
在07年之前，我是在做IEonly的企業(yè)級B/S應用喘蟆，雖然當時項目的JScript就已經非常復雜缓升，但當時團隊里有很多經驗豐富的同事，多是跟他們請教 蕴轨，或者再MSDN和網上找答案港谊。07年進入阿里之后，開始直面兼容性問題 橙弱，同時開始單打獨斗 被去，這個階段開始接觸相關的前端書籍 葫督，最先購買的是《JavaScript高級程序設計》和《JavaScript DOM 編程藝術》梳码”校可以說比較幸運 ，挑中了這兩本很靠譜的書(其實當時市面上書籍并不多 蛀缝，感謝選擇出版這些書和翻譯這些書的同學們) 顷链，近來這兩本書都出了第二版其生命力可見一斑。
這幾年來屈梁，自認讀的前端方面的書不算少嗤练，校招同學們問到有什么書推薦 ，我還是會列幾個批次的書籍出來給大家在讶，在這里公布一下煞抬，沒法說這是最優(yōu)學習路線 ，但真看進去了獲得一個IT民工從業(yè)資格是沒啥問題的构哺。咱也先秀下書架吧(喜歡紙質書革答，可以翻舊，可以涂涂寫寫，可以折上幾個頁角残拐，可以歪在一邊用任何得勁兒的姿勢看)：
說說我對于書的選擇途茫，在從高級程序設計以及DOM編程藝術獲得了較好的用戶體驗之后，基本上延續(xù)了選擇譯著的路子蹦骑，屬順勢而為倒沒有什么特殊的因素在里頭慈省。而我一般不會推薦英文原版書臀防，中文更具親和力眠菇，JavaScript并不是一門多么高深的語言，我相信譯者是可以在深刻理解原文的基礎上做翻譯的袱衷。我也會讀一些外文書捎废，而往往當我知道一本不錯的書籍有了出版計劃，就會停止精讀致燥，等譯作出版( 比如不久前的《高性能JavaScript》)登疗。不過確實有時會遇到術語翻譯不一致，甚至翻譯的不通順的情況嫌蚤，好在多書網上可以找到英文電子版辐益，實在不解之處對照一下也就可以了。
下面都是我精讀過且覺得不錯的書脱吱，先分分類再逐本分享下我的讀書心得：
第一批次：入門級智政，也適合想掌握一些前端技能的非前端工程師。
第二批次：成為一名合格的前端工程師
- 《JavaScript高級程序設計》(或《JavaScript權威指南》)
- 《精通JavaScript》
第三批次：更優(yōu)秀的代碼 箱蝠，更優(yōu)良的設計
第四批次：從語言細節(jié)到復雜工程實踐 续捂，想開發(fā)靠譜的各類底層代碼 ，應該看看
應該重視跟蹤閱讀一些大牛們的Blog了宦搬。
一直在等待：一本JavaScript語言作者或引擎實現(xiàn)者寫的書牙瓢。
番外篇：各類專題書籍，讀好第二批次書籍之后间校，有精力就接觸下矾克。
- 《高性能網站建設指南》
- 《高性能網站建設進階指南》
- 《高性能JavaScript》
- 《Ajax實戰(zhàn)》
- 《jQuery實戰(zhàn)》
- 《精通CSS》(或《CSS權威指南》)
- 《正則表達式必知必會》(或《正則表達式權威指南》)
- 應該選擇：一本HTML5方面的書
- 應該選擇：一本NodeJS方面的書
話說這本書的中文標題有一些標題黨的，當初如果知道這僅是一本入門書籍憔足，我是不會買來的胁附。拿到后一天就看完了，對我來說沒有太多技能上的實質幫助四瘫。不過這個書語言很流暢汉嗽，重要的是對知識深淺度把握的很好，html/js/css/dom各個方面都把握在一個合適的度找蜜，這很符合我對書籍期望饼暑，一步步走，每一步都踏踏實實。
這本書通過幾個實例弓叛，循序漸進的介紹了前端開發(fā)的方方面面彰居，讓大家能夠了解前端的技術體系概況，又能具備了一些簡單的動手能力撰筷。如果大家對我之前寫過的瀏覽器端技術體系概覽 — 前端開發(fā)的七種武器有些感覺陈惰，那讀讀這本書正好能上手實踐一把。
去年毕籽，淘寶前端懶懶交流會的豆瓣小站上做了一個調查抬闯，如果非要您推薦一本適合新人學習的js方面的書，您的推薦是什么关筒？雖然投票的人不多溶握，但這本書卻是遙遙領先。
這本書的第一版很全面且不枯燥的書籍蒸播，年紀輕輕的NCZ有這樣的大作難能可貴睡榆。讀懂這本書，前端技能又可以上一個臺階袍榆，基本上可以成為專業(yè)的前端工程師了胀屿。
對于當時的我來講，這本書及時的補充了瀏覽器兼容性方面的知識 包雀，特別是事件相關的知識宿崭，這個瀏覽器間差別最大。有些內容講的非常簡單明了馏艾，比如call和apply的用法劳曹，之前總是理解不好，NCZ幾句話+一個例子就說明白了琅摩。
然而作為全面型的書籍铁孵，第一版也是有一些問題的：
- 閉包只半頁篇幅，沒說清楚房资。
- 匿名函數沒怎么講蜕劝。
- 全書沒提到
constructor，更別說hasOwnProperty轰异，__proto__岖沛。
這帶來了我之前說的深一腳淺一腳的困擾，這些知識基本上是通過《JavaScript權威指南》閱讀中補充的搭独，當然當時版本的權威指南也有同樣的問題婴削，比如它沒解釋instanceof。也沒提到__proto__牙肝。這造成了我對面向對象理解的不全面唉俗，當時在做了N多測試后嗤朴，還很蛋疼的寫了一篇博文<JavaScript constructor和instanceof,JSOO中的一對歡喜冤家> ，后來接觸到《JavaScript設計模式》關于OO的全面論述之后虫溜，果斷刪掉了這篇JY雹姊。
相信這本書的第二版，以及權威指南的第六版肯定會在這些方面進行補充衡楞。不過這兩本書都是十足的大部頭吱雏，高級程序設計第二版已經比權威指南去除附錄要厚了。
一本全面且不枯燥的書太難找了瘾境，所以我還是喜歡第一版歧杏。對我技術上的提升幫助非常之大。忍不住再秀一張圖( 當時在封閉開發(fā)Alimama.com寄雀，馬云時常來得滤，他不肯在書的第一頁簽名搞得好像他寫的陨献，于是把簽名畫在了第二頁盒犹。)
我會把書籍分成兩類，一類是全面型眨业，一類是犀利型急膀。前面介紹了一本全面型的書籍，接下來介紹的這本的特點是非常犀利龄捡，這類書籍的特點是作者能找對重點(2/8原則掌握的很好)卓嫂，在重點位置深入挖掘。這本書的作者John Resig也是jQuery的作者聘殖，他顯然是個足夠犀利的人兒晨雳。
jQuery從未承諾解決所有問題，但再一些重點部位的突破奸腺，讓這個類庫如此流行餐禁。這本書并沒有著重介紹jQuery，還是基于原生的JavaScript和DOM API突照。
列一些這本書的重點話題 帮非，能夠很好的看出作者為什么會開發(fā)出jQuery，或者說讹蘑，jQuery為什么是現(xiàn)在的樣子：
- 如何創(chuàng)建可復用的代碼末盔？如何調試 ，測試座慰？（這是基礎）
- 如何判斷DOM何時加載完畢陨舱？如何遍歷 ，修改DOM版仔？（jQuery以DOM為核心游盲，節(jié)點的增刪改查心剥，事件響應是重點）
- 如何確定元素的位置，相對于頁面/屏幕背桐？如何做平滑的動畫优烧？（思考下CSS相關的話題很多，作者為什么選了這兩個链峭？）
- 如何改進表單驗證畦娄，封裝完整的Ajax程序？（涉及數據交互弊仪，是另一個重中之重熙卡。)
不算厚的一本書，基本上就是以上的話題+幾個實例励饵。當我們看過了一本全面型的書籍驳癌，對前端的知識有了深入的了解之后，這本書的作者指出了今后的重點役听，并告訴大家如何把知識用到解決重點問題上颓鲜。
推薦大家看看阮一峰老師的博文《JavaScript誕生記》，JavaScript是Brendan Eich大神10天時間設計出的語言典予，現(xiàn)在成了Web前端領域的唯一語言甜滨。
一方面，這門語言博采眾家之長瘤袖，也幫助它維系了長久的生命力：
- 借鑒C語言的基本語法衣摩；
- 借鑒Java語言的數據類型和內存管理；
- 借鑒Scheme語言捂敌，將函數提升到”第一等公民”（first class）的地位艾扮；
- 借鑒Self語言，使用基于原型（prototype）的繼承機制占婉∨葑欤”
另一方面，由于設計時間太短锐涯，語言的一些細節(jié)考慮得不夠嚴謹磕诊，導致后來很長一段時間，Javascript寫出來的程序混亂不堪纹腌。Brendan Eich對其這10天工作的評價是：“它的優(yōu)秀之處并非原創(chuàng)霎终，它的原創(chuàng)之處并不優(yōu)秀∩恚”
Douglas Crockford通過《JavaScript: The Good Parts》這本書對JavaScript進行了一次大審判莱褒，老道認為JavaScript語言有很多優(yōu)秀的地方 ，也有一些雞肋和糟粕涎劈。老道不反對用這門語言广凸，在規(guī)避一些雞肋和糟粕之后它自然是優(yōu)秀的阅茶。老道認為JavaScript優(yōu)美的特性如下：
- 函數是頭等對象（可以作為其他函數的參數和返回值 ，支持閉包）
- 基于原型繼承的動態(tài)對象
- 對象字面量和數組字面量（構成JSON的基礎）
老道列出了很多雞肋和糟粕谅海，并提供了JSLint這個工具 脸哀，來校驗代碼是否使用了不好的部分。書中給出的語法圖扭吁，讓我有深入學習一下<編譯原理>的沖動 撞蜂，也理解了JSLint作為用JS語言分析JS語言的工具成型的理論基礎。
強烈建議大家使用JSLint來檢測自己的代碼 侥袜，但是我們不必教條蝌诡，可以違返其中一些的檢測規(guī)則，只要我們清楚老道為什么會設置這個規(guī)則枫吧，有什么風險浦旱？若我們不遵守這個規(guī)則，是否能回避相應的風險九杂。
我覺得這本書最重要的意義是告訴我們?yōu)槭裁础八请u肋颁湖，它是糟粕”。這是經過前面的學習和大量實踐之后 尼酿，成熟的開發(fā)者應該關注的爷狈。比如：
-
hasOwnProperty，老道說它糟粕的原因是因為這不是一個關鍵字 裳擎，而是一個Object。prototype上可以被重寫的方法思币。那么這個告訴我們 鹿响，并不是不要用hasOwnProperty，而是要注意不要覆蓋它谷饿。 - eval的主要問題是性能惶我，大量的eval(類eval)語句降低了JS引擎的性能。而經過測試少量的eval語句+eval大段的JS文本性能并不差博投，有必要也可以考慮使用绸贡。
這是一本介紹JavaScript面向對象編程以及設計模式非常好的書籍。相對于又一本全面型書籍語言精粹毅哗，犀利型書籍登場了听怕。我對面向對象的看法是：隱藏細節(jié)，方便做大虑绵∧虿t；诹己玫某橄蠛头庋b，我們可以方便的自頂而下的設計翅睛，自底而上的開發(fā)声搁。面向對象的優(yōu)缺點不是本文的重點黑竞，這里不討論 ，只能說這是一個非常不錯的代碼設計實現(xiàn)方法論疏旨。
JavaScript到底是不是一個面向對象的語言很魂，從本質說一定是的，從表象來說OO的不那么明顯檐涝。我們必須通過一些額外的代碼實現(xiàn)諸如莫换，劃分公有/私有，接口骤铃，繼承拉岁，多態(tài)等特性。
由于JavaScript語言的靈活性惰爬，實現(xiàn)的方式非常多喊暖。這本書的第一部分對常見的兩類實現(xiàn)模式：類式繼承和原型繼承，都有非常好的最佳實踐總結撕瞧。所以我的想法是完全讀懂它陵叽，然后按照這個來做就好了。如果這里介紹的實踐足夠強大丛版，我們沒有必要發(fā)明新的繼承實現(xiàn)模式了巩掺，事實上YUI一直是這種模式，而新的JavaScript引擎甚至引入了Object页畦。create方法胖替，將一些動作寫入標準內置在JS引擎中。
我們應該將視點放在設計模式上豫缨，GoF的設計模式那本書里的例子独令，對于前端開發(fā)來說并不都是很好理解，而這本書的例子全部是前端相關好芭，有助于大家理解設計模式的精妙燃箭。還有些同學說，即使我不了解GoF的理論舍败，我也在默默的用這些模式了招狸。確實是這樣，但我想我們關注設計模式邻薯，不光要學會各種模式是怎樣的 裙戏，更重要的是學習到各種模式適合什么場合，不適合什么場合弛说。了解有什么優(yōu)點挽懦，也要了解有什么缺點，你正在默默使用的模式存在隱患么木人？系統(tǒng)學習之后會對其更有把握信柿。
前幾天聽同事說這本書全面斷貨冀偶，不知道是太火，還是印的太少渔嚷，希望能盡快看到上架进鸠。
Secrets of the JavaScript Ninja
進入第四個批次，這里的書籍多數沒有中譯本出版⌒尾。現(xiàn)階段想開發(fā)靠譜的底層類庫代碼客年，確實需要啃一些外文書了。英文書很多漠吻，沒有精力大量閱讀量瓜，通常讀一些口碑較好的書籍。
另外途乃，到了這個批次绍傲，我的閱讀量也相當的有限，所以肯定有很多好的內容沒有提到耍共，期望大家能繼續(xù)推薦烫饼。而且到了這個批次，書籍產出肯定跟不上知識的更新速度试读，跟蹤閱讀一些JS大牛們的Blog應該成為習慣杠纵。這是jQuery作者的第二本書，自然優(yōu)勢犀利型的代表钩骇。John Resig已經陸續(xù)放出這本書的大部分內容比藻，從2008年開始寫，計劃2012年5月出版伊履。
如果說JR的第一本書能夠看出為什么有jQuery韩容，那么這本書能看出讓jQuery發(fā)展下去，作者關注了哪些唐瀑。我們會看到其實一些很細節(jié)的內容，比如強調測試用例的構建/自動化測試的方法插爹，比如如何利用每個function實例的length屬性哄辣，比如對with，eval的思考和發(fā)散等等赠尾。
關于這本書具體如何的好處力穗，我還理不清，拿來開開眼界是非常不錯的气嫁。記得玉伯大大組織了一波同學在翻譯当窗，不知進展如何了。
乍一看這本書標題 寸宵，以為又是一本講設計模式的書 崖面，那和《JavaScript設計模式》重復了元咙，開始沒有仔細關注。今年拔赤推薦了它巫员，才發(fā)現(xiàn)者并不僅僅介紹GoF的設計模式庶香，而是涵蓋前端開發(fā)各個方面的先進理論。雖然是09年的書简识，這兩年前端的很多較深刻變化在這邊書里都能看到雛形赶掖。上一本書犀利，這本更全面七扰。
作者Stoyan Stefanov是Yahoo的前端技術專家奢赂，從這本書中可以看到很多YUI3設計上的本源，比如在對象創(chuàng)建模式中介紹的模塊模式/沙箱模式颈走。近來CommonJS Loader的流行在這之上的繼續(xù)深入發(fā)掘膳灶。這本書還包括代碼測試，打包疫鹊，部署袖瞻，加載策略等各個流程中的諸多細節(jié) ，這些構成了完整的體系在Yahoo在YUI3都有非常好的實踐拆吆。
聽說我們的同事拔赤和一舟在翻譯這個本書 聋迎，非常期待。
這不是一本書枣耀，是俄羅斯小伙子寫的一系列ECMA-262標準分析文章霉晕，ECMA-262-3系列已經很完整。標準像匯編語言一樣枯燥捞奕，而這系列文章把枯燥的標準轉化為一系列深入討論的話題 牺堰，配合恰到好處的示例，一定會讓大家對JS引擎的認識再上一層颅围。
網上有一些譯文伟葫，但是由于類似文章譯文比較少，很多英文還未達成一致表述院促，所以推薦閱讀英原文筏养。另外作者很好，遇到的棘手的問題常拓，去咨詢他都能很快收到很好的回復渐溶。
期待：一本JavaScript語言作者或引擎實現(xiàn)者寫的書
一直以來期待JavaScript能有一本像《C程序設計語言》這樣的大作，最近也在讀計算機系統(tǒng)概論補一些大學時沒學好的知識弄抬，非常認同書中”自底而上”的學習路線茎辐。我想對JavaScript引擎的透徹分析，能夠減少大家看著實驗結果，猜測著寫書的境況拖陆。隨著NodeJS的火爆弛槐，引擎的技術分析文章越來越多，期待很快出現(xiàn)集大成者慕蔚。
進入番外篇丐黄，推薦的書籍都是有針對性的領域之作，內容往往并不高深孔飒，大家根據自己的實際情況灌闺，進行選擇閱讀。
高性能的網頁是前端必然的追求坏瞄，Steve Sounders率先在Yahoo開啟了這方面的專題研究桂对，伴隨著《高性能網站建設指南》的出版和YSlow工具發(fā)布。網站性能優(yōu)化鸠匀，特別是前端角度和運維角度的優(yōu)化方案蕉斜，進入了人們的視野，同時獲得了巨大的效果缀棍，甚至形成了名為WPO(Web Performance Optimization)產業(yè)宅此。
第一本書除了介紹了能夠立竿見影的規(guī)則，同時也開啟了民智爬范。大家開始思考如何做優(yōu)化父腕，如何結合自己的應用實踐做優(yōu)化。而后兩本書基本上是遵循優(yōu)化思路的繼續(xù)得來的實踐總結青瀑。關于優(yōu)化的工具璧亮、思路、方法是我特別強調的斥难。感興趣的同學可以看下在Yslow 34 Rules之后 — 網站性能優(yōu)化思路和進展 這一篇枝嘶。
其他領域之作
接下來介紹這些專題類書籍，并不是特別推薦哑诊，往往每個專題都有很多書籍可供選擇群扶，隨手寫一些讀書心得吧。
- 《Ajax實戰(zhàn)》：06年的書镀裤，很早就購入穷当。書中介紹了很多RIA高級應用的相關話題,很開眼界。
- 《jQuery實戰(zhàn)》：一定需要一本介紹jQuery的書淹禾，這書還可以，不過現(xiàn)在看來應該比較舊了茴扁，jQuery已經更新了很多铃岔。我主要從這本書了解了jQuery的工具函數擴展機制和插件機制是如何實現(xiàn)的。jQuery讓完全不了解
prototype屬性的同學，也能寫出可復用的復雜組件毁习，非常不容易智嚷。以后再單獨寫寫對jQuery的一些看法吧。 - 《精通CSS》：一定需要一本介紹CSS的書纺且，工作中一直以來CSS用的不是很深入,不做特殊介紹盏道。
- 《正則表達式必知必會》：一定需要一本正則方面的書籍，這本小冊子查起來蠻方便载碌。
《HTML5揭秘》和《HTML5高級程序設計》買回來一直沒看猜嘱，對HTML5的新增特性還是有了解的，等能用到時再看再評嫁艇。
希望看到NodeJS方面的書籍 朗伶，盡快引入。
寫在最后
- 我只能推薦我看過的書對吧步咪，所以大家懂的论皆。我們不去對比各種電子產品，就是對比雞蛋大米猾漫，書籍都是非常廉價的点晴。
- 當有了領域內一定的實踐經驗之后，閱讀一本相關的書籍并不是難事悯周，也并不會耗費很多時間粒督。
- 全面型的書籍，可以讓大家技能水平一步一步地穩(wěn)步提高队橙，讓大家站得高也站得穩(wěn)坠陈。
- 犀利型的書籍，可以讓大家了解重點捐康，了解別人是怎么運用那些你也會的知識的仇矾。
- 專題類的書籍是拓寬眼界，幫助大家完成工作任務的好手解总。
- 對于非英文專業(yè)的同學贮匕，如果有中譯本，不用非得糾結著去看原版花枫，我們要最快學到知識刻盐，最快進入思考與實踐。
感謝作者劳翰，譯者（我的同事中有很多譯者 敦锌，都說指望這個賺錢是不可能的），以及選擇運作這些書出版的各位老師佳簸。
