Web前端书单从HTML到JS到AJAX到HTTP从框架到全栈
前言：技術書閱讀方法論
?
一.速讀一遍（最好在1~2天內完成）
?
人的大腦記憶力有限，在一天內快速看完一本書會在大腦里留下深刻印象，對于之后復習以及總結都會有特別好的作用。
?
對于每一章的知識，先閱讀標題，弄懂大概講的是什么主題，再去快速看一遍，不懂也沒有關系，但是一定要在不懂的地方做個記號，什么記號無所謂，但是要讓自己后面再看的時候有個提醒的作用，看看第二次看有沒有懂了些。
?
二.精讀一遍（在2周內看完）
?
有了前面速讀的感覺，第二次看會有慢慢深刻了思想和意識的作用，具體為什么不要問我，去問30年后的神經大腦專家，現(xiàn)在人類可能還沒有總結出為什么大腦對記憶的完全方法論，但是，就像我們專業(yè)程序員，打代碼都是先實踐，然后就漸漸懂了過程，慢慢懂了原理，所以第二遍讀的時候稍微慢下來，2周內搞定。記住一句話：沒看完一個章節(jié)后，總結一下這個章節(jié)講了啥。很關鍵。
?
三.實踐（在整個過程中都要）
?
實踐的時候，要注意不用都去實踐，最好看著書，敲下代碼，把重點的內容敲一遍有個肌肉記憶就很不錯了。
?
以及到自己做過的項目中去把每個有涉及的原理的代碼，研究一遍，就可以了
?
前言：作為一名前端開發(fā)人員，如果你告訴我你沒有看過任何關于前端的書籍，那么我完全可以認為你不是一名合格的前端開發(fā)工程師。為什么我要以“看書”來衡量合格前端的標準？因為前端作為一個特殊的極具變化與開拓性的工種，沒有較強的自我學習與思考能力，很難在這激烈又紛雜的環(huán)境里存活而不被淘汰，而“看書”則是最基本的自我提升與補充知識的途徑。
?
書中自有黃金屋。不管你是想涉獵前端抑或進行系統(tǒng)性的學習，我都推薦大家閱讀前端的相關書籍。
?
?
備注：
加微信： LyyCoder
可以免費獲取電子書籍！
?
?
資源圖示
?
以下是每本書的推薦語，清楚自己缺的是什么，就下定決心去補吧，一個好工作意味著高收入，投資自己的時間換來更寶貴的東西。
書單總結：
一.HTML系列書籍從入門到進階系列
?
1.《HTML5 揭秘》
?
?
?
?
?
?
是知名的《HTML5:up and running》的中文譯本，
?
很詳細的介紹了HTML5的最新技術，如果你經常看Dive into HTML 5這個網站，肯定很了解這本書了。
?
算是入門款書籍，不枯燥，技術層面一般，適合菜鳥看，好在對格局有一定見解。當然如果一丁點編程知識都沒有，也需要在閱讀的時候多補充一下，非常推薦。
?
?
2.《響應式Web設計:HTML5和CSS3實戰(zhàn)》BenFrain (作者), 王永強 (譯者)
?
全書主要是帶領讀者做一個小網頁來寫的，其實響應式的東西講得比較少，大半內容是介紹H5和css3的基礎知識。如果同時想了解H5和css3和響應式設計入門，這本書不錯。
?
3.《瘋狂HTML 5/CSS3/JavaScript講義》 李剛 (作者)
?
簡介：這是一本全面介紹HTML 5、CSS 3和JavaScript前端開發(fā)技術的圖書，系統(tǒng)地介紹了HTML 5常用的元素和屬性、HTML5的表單元素和屬性、HTML 5的繪圖支持、HTML5的多媒體支持、CSS 3的功能和用法、最前沿的變形與動畫功能等。除此之外，《瘋狂HTML 5/CSS 3/JavaScript講義》還系統(tǒng)地介紹了JavaScript編程知識，包括JavaScript基本語法、DOM編程，以及HTML 5新增的本地存儲、離線應用、JavaScript多線程、客戶端通信支持、WebSocket編程等。
?
4.《HTML5觸摸界面設計與開發(fā)》 伍茲 (StephenWoods) (作者), 覃介右 谷岳 (譯者）
?
簡介：《HTML5觸摸界面設計與開發(fā)》專注于觸摸界面的開發(fā)，內容的結構和優(yōu)化網站的思路大概一致。上半部分涵蓋了能使各類網站，特別是移動網站變快的基本概念。書的后半部分是專門講觸摸界面的，特別是盡可能地讓它們更平穩(wěn)和快速。本書適合具有一定經驗的Web開發(fā)者閱讀參考。
?
?
?
5.《HTML5高級程序設計》
?
《HTML5 高級程序設計》是《Pro HTML5 Programming》的中文譯本，寫的相對比較深入，如果你對HTML5有較多了解，可以選擇這本書。這本書適合有豐富編程經驗的Web應用開發(fā)者。書中沒有互聯(lián)網發(fā)展基礎知識的介紹。但是書中有許多現(xiàn)成的資源可以加快學習Web編程原理。當然，對于程序的的書跟平常的名著還不一樣，因為自身經驗不同，看法不同，需求不同，對于書的評價也不同。
?
?
二.CSS系列書籍從入門都進階系列
?
1.《HTML & CSS設計與構建網站》
此書讓我們知道，網頁語言的書不只有呆板與枯燥，也可以賞心悅目，舒適的色彩搭配，恰到好處的圖文編排！連插圖都那么舒服。
除了書的裝訂不好以外（出版社為了賺錢呀，太耐糙了銷量就小了），內容牛逼！給我們查漏補缺做工具書再適合不過了，介紹了新的HTML 5和CSS 3還有網站的設計以及網站的優(yōu)化，雖然不多，也涉獵到了，更新很快，要知道，互聯(lián)網的發(fā)展是一日千里。
?
如果沒猜錯，我估計作者是個MM，哈哈哈。
?
?
?
?
?
2.《CSS權威指南 （第3版）》
?
?
2000年時候的書，本來以為內容會比較舊，讀了才發(fā)現(xiàn)內容全、系統(tǒng)，比現(xiàn)在網上各種版本的css教程之類要好的多，事實上好多都是從這本書摘出來的Eric A.Meyer，牛人，書里關于css的教程語言表述很清楚，章節(jié)合理，主要講css1及css2中的布局、定位值得看，以前想看，正好在學校的圖書館找到，看完說不定買本放著，的確不錯。
3.《精通CSS（第2版）-高級Web標準解決方案》
?
本書匯集了最有用的CSS技術，介紹了CSS的基本概念和最佳實踐，結合實例探討了圖像、鏈接和列表的操縱，還有表單設計、數(shù)據(jù)表格設計、純CSS布局等核心CSS技術。
4.《Eric Meyer 談 CSS(卷2)》
?
?
這本書已一個又一個項目為基礎，詳細的展示了如何書寫規(guī)范的樣式，文章末尾已一個CSS禪意花園的項目為結尾，并告訴制作者，要做到純粹的樣式與結構相分離式不可能的。
?
推薦頁面制作者閱讀者本經典之作。
?
5.《CSS禪意花園》
?
第一次看有點糊里糊涂的，所以有些方面理解的模模糊糊。在這次看的過程中慢慢的理解了作者的一些意圖，屬于越看越有感覺的一本書。類似讀中國古詩一樣，越讀越有興趣，對自己網站頁面的架構有很深的推動。
三.JavaScript從入門到進階系列
?
就是有一定的基礎(比如最常見的HTML標簽及其屬性、事件、方法；最常見的CSS屬性；基礎的JavaScript編程能力)，能夠完成一些簡單的WEB前端需求。
?
1.推薦：《JavaScript Dom編程藝術》
?
?
理由：此書絕對是入門的好書，本人也是在接觸JS一段時間后才看的這本書。此書從JS的歷史 – JS基礎語法知識 – DOM介紹和簡單的使用。現(xiàn)在這本書已經出了第二版，需要的朋友直接第二版就行。 評價：簡潔，實用，詳細，易懂，書不厚，相信很快就能看完。 算是很好的經典入門書了，貫穿一個實例，把JavaScript的優(yōu)點表現(xiàn)的淋漓盡致，非常強大。
?
?
2.推薦：《JavaScript權威指南(第5版)》
?
理由：非常強大(這名字可不是白起)，其實說起來也慚愧，本人至今都沒有買過這本書，最開始是因為 這個書實在是小貴，只好借朋友的看，不過也就看了個周末。網上關于此書的評價很多，意思大概都是說這書就是一個JS的文檔手冊，如果你有閑錢，并且習慣翻 書查詢，那么就來一本吧。順便提醒一句，這本書的第六版英文版已經出來了。
?
本人以前的DEV leader兼恩師這么說過：“初級開發(fā)人員的標志就是需要在中級和高級開發(fā)的指導下完成工作”。首先不要苛責代碼的對錯嚴謹，畢竟每個程序員都有這樣的一個過程，就是這個級別的特征。
?
3.推薦：《JavaScript高級程序設計》(第三版)
?
?
理由：這本書的作者是 Nicholas C.Zakas ,博客地址是 http://www.nczonline.net/ ,大家可以去多關注，雅虎的前端工程師，是YUI的代碼貢獻者，可想而知這本書得含金量，他出的書都廣受好評。這本書已經出了第二版，而且與第一版相比內 容更新很大，直接第二版就行。不要被書名的“高級”唬住，只要有JS基礎語法知識和DOM基礎知識就行，而且本書開始階段還是介紹JS和DOM的語法知 識。有一定JavaScript的基礎可以看看，不過沒基礎也可以看看，wrox經典書籍。
?
評論：重點推薦一下第五章(類型),第六章(OOP),第七章(匿名),多看幾遍,至少要完全看明白，能為以后進階打好基礎，個人感覺這幾章是本書的 精華所在。這本書在入門的時候看節(jié)奏會快了一些，所以不建議初學者看，可是相對于我一會要介紹的書又算基礎一點，所以建議先閱讀完這本書，對瀏覽器兼容和 語法知識有一定了解之后再往下閱讀。
?
4.推薦：《高性能JavaScript》《JavaScript語言精髓與編程實踐》
?
理由：本人先看的是《高性能JS》，這本書還是 Nicholas C.Zakas 所著，經典之作，書中大量舉例了各種不同寫法的JavaScript在瀏覽器中的性能情況，對規(guī)范JavaScript代碼和提升性能有很好的幫助，最后 提到了很多工具和性能測試的方法，都是灰常灰常有實際作用的，看得出作者很厚道(好吧,偶承認了,偶是他的粉絲)^_^,記憶最深的一句話:”如果 JavaScript 執(zhí)行了幾秒鐘,那么很可能是你做錯了什么”;《語言精髓》和《高性能》有少部分關鍵知識都重復提到了，可是為什么要推薦這本書，因為本書對JS語言本質的描述太棒了，這是一本介紹 JavaScript語言本質的權威書籍，從 “對象”，“函數(shù)”，“繼承”，“數(shù)組”等等多個重要知識著手。我補一句話 – 本書需要反復閱讀。 評論：都是好書，都很薄，而且所說的內容只要有基礎都不難。相信讀完之后會對JS又有新的認識，且對以后的代碼規(guī)范和瀏覽器差異性等高級問題有了新的認識，如果讀完之后會有種被灌頂?shù)母杏X，那么恭喜你，你離中級不遠了。作為Orelly唯一一本我確實認可的javascript相關的書。
?
他摒棄了Orelly系列所有我不喜歡的特點：
?
老外的聊天說教式閱讀體驗，樣例不夠豐富，排版單一，破事水等。
?
他的優(yōu)點如下：
閱讀建議：
?
建議和高程三一起看，可以算是高程三閱讀的最佳伴侶。
?
高程三告訴你“他叫什么，他什么樣”，
?
這本書就告訴你“他為什么”，“他該怎樣”。
?
所以，當別人還在為某些問題絞盡腦汁的時候，你已經從起點上干翻他們了。
?
5.推薦：《深入淺出JavaScript》
?
理由：Ajax程序員必備 里面講自己開發(fā)的一個JavaScript框架。
?
6. 推薦《學習Javascript數(shù)據(jù)結構與算法》
?
理由：這本書相對是一本冷門書。為什么我會推薦他，是因為他能解決每個半路出家的js程序員都曾思考過的一些問題：
所以這本書只是為何告訴你上面這些問題的答案：
閱讀建議：跟著書本把這里面的結構全部敲一遍，快的話一天就能搞定。從此你便再不怕懼怕js相關的簡單數(shù)據(jù)結構問題。
?
但是，遇上高級的樹，圖等問題該跪還是要跪。因為這本書虎頭蛇尾，后面的高級點的數(shù)據(jù)結構介紹的不夠深。
?
適合經常反思“它從哪里來，要到哪里去？”的js程序員，或后悔以前數(shù)據(jù)結構沒好好學的前端同學。
?
還是本人以前的DEV leader兼恩師這么說過：“中級開發(fā)人員的標志就是在高級開發(fā)或架構師較少的指導下高質量的完成工作，并對產品或項目有自己的想法與理解”。
?
?
7.強烈推薦：《JavaScript DOM高級程序設計》
理由：此書灰常犀利，本人一共看了近半年的時間，已反復閱讀多次。說實話，這本書的翻譯一般，代碼也有少許錯誤，可是這不影響這本書的強大，通過學習 本書，可以理解一個JS的庫如何產生，自己動手寫一個簡單的自己的JS庫，如果你打算研究其他的JS庫或者正在研究其他的JS庫，那么這本書會使你的理解 達到新的高度，進階高級必讀，寫庫必讀。 評論：異常強大的一本JS巨作，此書不薄，強烈推薦。
?
?
8.強烈推薦：《JavaScript設計模式與開發(fā)實踐》
?
理由：我認為騰訊AlloyTeam的這本書對我?guī)椭敲栏叱倘Ｄ菚r候我恰好換公司，從原來的開發(fā)方式切換成另一種完全不同的開發(fā)方式，讓我很不適應。這本書及時的蹦出來，他拿實際的應用場景舉例，告訴你不同js項目里如何共通設計模式，還極其詳細的介紹了函數(shù)的高級用法，能讓你對js高階函數(shù)的認知上升一個臺階。難能可貴的是他還拿java作為靜態(tài)語言的類比。從語言統(tǒng)一高度來給你分析這些問題。和上本介紹數(shù)據(jù)結構的書一樣，這本書有的放矢，能完美的解決對js設計模式有疑問的同學的實際問題。他比上本書更深刻，更易讀，也更貼近實踐。評論：書不厚，可真的是內容豐富且高深，強烈建議購買。
?
閱讀建議：
?
這是本適合反復閱讀的書籍。
?
如果你的思路能根據(jù)應用場景自動切換到最適合的設計模式，說明你已吃透這本書了。
?
?
9.推薦：《高性能網站建設指南》《高性能網站建設進階指南》
?
理由：在讀完前幾本書之后我們對前端的性能和自己的代碼的效率已經達到相當?shù)母叨攘?#xff0c;然后我們在接觸一些前端工程師的一些精髓。本書對HTTP請求，CDN，內容緩存和一些web開發(fā)中常見問題進行講解。 評論：書都不厚，可是說的都是比較實用的東西，可是用不用的上還得看個人和項目需要了。
?
?
10.推薦：《精通JavaScript》
理由：把JavaScript講得很面向對象。很現(xiàn)代！ 圖靈教育的出版引進書籍有很多都是經典書籍，非常好。
?
?
11. 推薦：《你不知道的JavaScript》
大名鼎鼎的Github開源的書籍。為了他的名氣我也得買一本實體書來拜讀下。這本是上卷，只涉及作用域和閉包，this和對象原型兩部分。不過其深入程度是其他js書籍難以企及的。可以說，這已經是大部分前端程序員對js語法可以深入了解的最底層了，再往下就直面編譯原理了。
?
閱讀建議：
?
用于提升自己的js語法的理解等級。
?
對于進入工作第二年的想深入理解js語法的同學來說特別有效。
?
?
四.HTTP網絡系列從入門到進階系列
?
1.《圖解HTTP和圖解TCP/IP》
相較于前兩本大厚書，這兩本書更加親民，小白可以買來看看，還是很適合入門的。
?
2.《計算機網絡：自頂向下》
?
?
這本從應用層講到物理層，感覺這種方式學起來更輕松，我比較推薦小白看這本。
?
?
3.《HTTP權威指南》
?
內容全面，涉及http及其周邊方方面面，http前世今生，http響應機制，http連接過程，http安全認證，http編碼，http頁面上傳等等。讀完對http有一個全面的認識，尤其是最近回頭重讀了安全部分內容，感覺收獲不小：
?
cookie有兩個版本，由服務器set，在客戶端每次請求時附加，作為認證/追蹤憑證，cookie可配置限期和作用域；
?
帳號認證有base64方式和hash方式，都存在安全隱患；
?
https是王道，https = ssl + http。
?
?
五.AJAX系列從入門到進階推薦
?
1.《Ajax基礎教程》（亞馬遜計算機榜首圖書，國內第1本Ajax圖書） （美）阿斯利森，（美）舒塔 著，金靈
?
AJAX必備圖書之一、國內發(fā)行的第一本AJAX圖書，也是目前最好的AJAX入門書，如果是AJAX新手，此書是最好的入門圖書。本書基本包括了實現(xiàn)Ajax需要了解的大部分技術與工具，讓您在一開始就對AJAX就有一個整體把握與全局觀念。
?
?
2.《Ajax實戰(zhàn)》（Ajax in action中文版）
?
?
AJAX必備的圖書之二：人稱“AJAX圣經”，AJAX的進階最佳。特點就是足夠深入，僅此一點，已經足夠。
?
進階看著一本能看懂就相當不錯了。
?
?
六.vue.js從入門到進階系列
?
1.《vue.js權威指南》
?
?
一般，入門看看就好。其中有部分是引用網上的，有點坑，看看電子版，對vue.js提升還是有點幫助的。大佬就不推薦了。
?
2.《vue.js實戰(zhàn)》
?
?
?
由雨溪大佬的書，前端人不看會后悔的，特別是Vue.js這系列。
?
七.正則表達式系列
?
1.《正則表達式必知必會》
?
?
在該書的序言中作者已經提到過一些 大部頭的正則表達式的書，而且作者也聲明了：該書比較適合那些不太了解正則表達式而又想盡快入門能夠解決一些實踐中遇到的小問題的朋友們。我最近在看這本書，因為以前有一點半點的學習過正則表達式，感覺正則表達式語法雖然不算難，但是要真正用好還是有點難度的。需要大量的實踐經驗。這本書的正文內容大概十章左右，前五章都算一些基礎知識，也是我以前就知道的，后面的幾章也許你也知道，但是個人認為算是一些稍微高級點的內容。所以我想，如果你還不怎么精通正則表達式，在工作中使用起來比較費力的話，這本書倒也挺適合的。查漏補缺吧。學前端都適合看看。
?
2.《精通正則表達式》
?
?
我強烈推薦這本書，我看了之后對其的運行過程有了深入地了解，現(xiàn)在對一般的問題，運行的效率都有一定的提高。這個本買來很長時間了 感覺太厚 就一直沒有看，這點時間突然對正則表達式感興趣了 就看了 前幾張的內容很值得看 尤其是中間幾章，我是徹底了解了正則的工作原理 以前工作中出現(xiàn)的一些情況原來想不明白，現(xiàn)在也就覺得應該是這樣子了 建議大家靜下心來看這本書。
?
?
總結：
?
天下沒有不勞而獲的果實，望各位年輕的朋友，想學技術的朋友，在決心扎入技術道路的路上披荊斬棘，把書弄懂了，再去敲代碼，把原理弄懂了，再去實踐，將會帶給你的人生，你的工作，你的未來一個美夢。
?
?
一.HTML系列書籍從入門到進階系列
?
1.《HTML5 揭秘》
?
2.《響應式Web設計:HTML5和CSS3實戰(zhàn)》
?
3.《瘋狂HTML 5/CSS3/JavaScript講義》
?
4.《HTML5觸摸界面設計與開發(fā)》
?
5.《HTML5高級程序設計》
?
二.CSS系列書籍從入門都進階系列
?
1.《HTML & CSS設計與構建網站》
?
2.《CSS權威指南 （第3版）》
?
3.《精通CSS（第2版）-高級Web標準解決方案》
?
4.《Eric Meyer 談 CSS(卷2)》
?
5.《CSS禪意花園》
?
三.JavaScript從入門到進階系列
?
1.《JavaScript Dom編程藝術》
?
2.《JavaScript權威指南(第5版)》
?
3.《JavaScript高級程序設計》(第三版)
?
4.《高性能JavaScript》《JavaScript語言精髓與編程實踐》
?
5.《深入淺出JavaScript》
?
6.《學習Javascript數(shù)據(jù)結構與算法》
?
7.《JavaScript DOM高級程序設計》
?
8.《JavaScript設計模式與開發(fā)實踐》
?
9.《高性能網站建設指南》《高性能網站建設進階指南》
?
10.《精通JavaScript》
?
11.《你不知道的JavaScript》
?
四.HTTP網絡系列從入門到進階系列
?
1.《圖解HTTP和圖解TCP/IP》
?
2.《計算機網絡：自頂向下》
?
3.《HTTP權威指南》
?
五.AJAX系列從入門到進階推薦
?
1.《Ajax基礎教程》（亞馬遜計算機榜首圖書，國內第1本Ajax圖書）
?
2.《Ajax實戰(zhàn)》（Ajax in action中文版）
?
六.vue.js從入門到進階系列
?
1.《vue.js權威指南》
?
2.《vue.js實戰(zhàn)》
?
七.正則表達式系列
?
1.《正則表達式必知必會》
?
2.《精通正則表達式》
?
?
?
總結
以上是生活随笔為你收集整理的Web前端书单从HTML到JS到AJAX到HTTP从框架到全栈的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： serialversionuid的作用_
- 下一篇： python股票分析系统_熬了一晚上，小