了解更多的前段知識(shí)請(qǐng)看下面學(xué)習(xí)啦小編精心為您整理的前端必看的書(shū)籍，希望您喜歡!

　　十本學(xué)習(xí)前端必看書(shū)籍

　　第一本，入門(mén)

　　《Head first HTML&CSS》

　　最好的入門(mén)書(shū)?？磧杀榫蛯?duì)HTML & CSS 有個(gè)大概印象了。

　　此時(shí)把w3cschool作為備查手冊(cè)收藏起來(lái)

　　第二本《CSS權(quán)威指南(第三版)》

　　最權(quán)威的CSS書(shū)籍，除了閱讀W3C的文檔外的不二選擇(就是翻譯有點(diǎn)操蛋，遇到感到難理解的地方可能還是要求助于網(wǎng)絡(luò)資源)。有時(shí)間(無(wú)論是現(xiàn)在還是將來(lái))可以反復(fù)看，并當(dāng)做字典隨時(shí)查。

　　第三本《精通CSS》

　　廣受前輩推薦的一本書(shū)。上一本書(shū)是字典的話，這本書(shū)相當(dāng)于《中學(xué)生作文大全》，匯集了一些CSS的最佳實(shí)踐。

　　第四本《圖解CSS3：核心技術(shù)與案例實(shí)踐》

　　這本書(shū)比較新，講解的是最新的CSS3(前三本書(shū)停留在CSS2.1時(shí)代)，CSS3也是必學(xué)的，不是什么可學(xué)可不學(xué)的最新技術(shù)。

　　HTML CSS值得看的書(shū)就這些(之后會(huì)有一本《CSS秘密花園》，尚在翻譯中，也很值得期待)，剩下的就是自己寫(xiě)還有看技術(shù)博客了。接下來(lái)是JavaScript，HTML和CSS都是沒(méi)有邏輯的標(biāo)記型語(yǔ)言，JS才是真正的編程語(yǔ)言，評(píng)價(jià)前端工程師的水平就看這個(gè)了。

　　第五本《JavaScript DOM編程藝術(shù)》

　　最好的JS入門(mén)書(shū)籍，一目了然地告訴你如何用JS操作DOM(這是瀏覽器端編程的基本功)，還灌輸了最符合標(biāo)準(zhǔn)的編程理念?？上в悬c(diǎn)老，最新一版是2010年的，以至于部分內(nèi)容有點(diǎn)過(guò)期，例如本書(shū)內(nèi)經(jīng)常提到“某某方法瀏覽器不一定支持，需要小心使用”，而這些歷史遺留問(wèn)題當(dāng)今已經(jīng)不存在了，閱讀過(guò)程中無(wú)視就好。

　　第六本《JavaScript高級(jí)程序設(shè)計(jì)》

　　每個(gè)前端必看的書(shū)，此書(shū)是前端工程師科技樹(shù)的關(guān)鍵一環(huán)?？赐甏藭?shū)后再看看之后各類(lèi)進(jìn)階書(shū)籍會(huì)比較好。

　　俗稱紅寶書(shū)，也算入門(mén)書(shū)籍，雖然是大部頭(七百多頁(yè))，但至少通讀一遍。

　　全部掌握了，你可以在網(wǎng)絡(luò)社區(qū)里談笑風(fēng)生了，經(jīng)過(guò)實(shí)踐的鍛煉后，面試個(gè)前端工程師的崗位應(yīng)該都沒(méi)問(wèn)題了。

　　第七本《JavaScript語(yǔ)言精粹》

　　也是前端必看。薄薄一百來(lái)頁(yè)，對(duì)JS的去粗取精。

　　第八本《你不知道的JavaScript》

　　這是一套叢書(shū)， 目前為止僅翻譯了第一卷。每本都挺薄，深入介紹了JS中的重要概念。

　　第九本《JavaScript設(shè)計(jì)模式》

　　“設(shè)計(jì)模式”是軟件工程的重要課題，相當(dāng)于高考時(shí)候的答題套路。前人總結(jié)出來(lái)的應(yīng)對(duì)各種問(wèn)題的模板。也算是必看書(shū)籍。關(guān)于JavaScript設(shè)計(jì)模式的書(shū)籍目前也有好幾本，也有國(guó)人寫(xiě)的，挑一兩本看看就好。

　　第十本《高性能網(wǎng)站建設(shè)指南》(及其續(xù)篇《高性能網(wǎng)站進(jìn)階》)

　　告訴你真正的商業(yè)公司的前端是怎么優(yōu)化一個(gè)網(wǎng)站的。當(dāng)然優(yōu)化的問(wèn)題不是看看書(shū)就能解決的，最好時(shí)刻了解你的同行們的經(jīng)驗(yàn)。

　　第一階段：HTML和CSS的學(xué)習(xí)

　　HTML就不多說(shuō)了，基礎(chǔ)中的基礎(chǔ)，這個(gè)都不會(huì)的小伙伴請(qǐng)參見(jiàn)HTML手冊(cè)，認(rèn)真學(xué)習(xí)W3C課程，稍有基礎(chǔ)之后可以跟著視頻學(xué)習(xí)《HTML+CSS基礎(chǔ)課程》。

　　前端開(kāi)發(fā)必看的14本書(shū)

　　1、《CSS權(quán)威指南》第三版

　　這本書(shū)實(shí)在太適合小白用戶了，是一本為初學(xué)者清掃障礙的書(shū)籍。同行一致認(rèn)為這本書(shū)是學(xué)習(xí)CSS基礎(chǔ)的首選。CSS界權(quán)威Meyer大師的作品，翻譯水平也灰常贊!

　　2、《CSS那些事兒》

　　不用于一般技術(shù)類(lèi)書(shū)籍的枯燥乏味，這本書(shū)很有意思。作者是藍(lán)色理想經(jīng)典論壇標(biāo)準(zhǔn)版榮譽(yù)版主林小志，具有多年網(wǎng)站設(shè)計(jì)和網(wǎng)站重構(gòu)經(jīng)驗(yàn)，在CSS、XHTML等前臺(tái)技術(shù)方面有著深厚功底。

　　全書(shū)以傳達(dá)CSS布局思維為中心，通過(guò)頁(yè)面中的文字、圖片、表格、表單等常見(jiàn)元素的處理及各種頁(yè)面布局方式的使用，使讀者能深入了解到如何在頁(yè)面中更好地運(yùn)用CSS布局。閱讀本書(shū)之后將會(huì)發(fā)現(xiàn)，原來(lái)CSS樣式居然是這么好玩的東西。

　　3、《精通CSS：高級(jí)Web標(biāo)準(zhǔn)解決方案》第二版

　　前段學(xué)習(xí)必備書(shū)籍，作者Andy Budd是國(guó)際頂尖的網(wǎng)頁(yè)設(shè)計(jì)師，著名的Web標(biāo)準(zhǔn)倡導(dǎo)者，網(wǎng)頁(yè)咨詢公司Clearleft的創(chuàng)始人之一。

　　本書(shū)將最有用的CSS技術(shù)匯總在一起，總結(jié)了CSS設(shè)計(jì)中的最佳實(shí)踐，討論了解決各種實(shí)際問(wèn)題的技術(shù)，重點(diǎn)講解了一系列的css開(kāi)發(fā)技巧，是前端開(kāi)發(fā)人員必備的手冊(cè)。

　　4、《CSS禪意花園》

　　這是一本令人驚嘆的書(shū)!必須用一個(gè)字形容的話，那就是：美!內(nèi)容編排合理,文字生動(dòng)有趣引人入勝,通過(guò)一個(gè)個(gè)實(shí)例引導(dǎo)讀者閱讀，強(qiáng)烈推薦!

　　作者是世界著名的網(wǎng)站設(shè)計(jì)師，書(shū)中的范例來(lái)自網(wǎng)站設(shè)計(jì)領(lǐng)域最著名的網(wǎng)站——CSS Zen Garden(CSS禪意花園)。童鞋們自己去領(lǐng)略吧。

　　第二階段——JavaScript的學(xué)習(xí)

　　Javascript的書(shū)籍當(dāng)然還是要看老外的，你懂得~

　　5、《JavaScriptDOM編程藝術(shù)》

　　此書(shū)絕對(duì)是入門(mén)好書(shū)，簡(jiǎn)潔優(yōu)美的文筆簡(jiǎn)直是工具書(shū)中的典范啊有木有!

　　這本書(shū)講述了JavaScript和DOM的基礎(chǔ)知識(shí)，但重點(diǎn)放在DOM編程技術(shù)背后的思路和原則，然后將這些概念貫穿在書(shū)中的所有代碼示例中，使你看到用來(lái)創(chuàng)建圖片庫(kù)頁(yè)面的腳本、用來(lái)創(chuàng)建動(dòng)畫(huà)效果的腳本和用來(lái)豐富頁(yè)面元素呈現(xiàn)效果的腳本，最后結(jié)合所講述的內(nèi)容創(chuàng)建了一個(gè)實(shí)際的網(wǎng)站。

　　6、《JavaScript權(quán)威指南》第6版

　　這本書(shū)非常適合初級(jí)、中級(jí)程序員，是學(xué)習(xí)核心JavaScript語(yǔ)言和由Web瀏覽器定義的JavaScript API的指南和綜合參考手冊(cè)。

　　第6版涵蓋HTML 5和ECMAScript 5。很多章節(jié)完全重寫(xiě)，緊跟當(dāng)今最佳Web開(kāi)發(fā)實(shí)踐。本書(shū)新增章節(jié)描述了jQuery和服務(wù)器端JavaScript。

　　7、《JavaScript高級(jí)程序設(shè)計(jì)》第三版

　　《javascript權(quán)威指南》比較像一本字典，而這本《javascript高級(jí)程序設(shè)計(jì)》可以算是一本由淺入深的好讀物。這兩本書(shū)看完后，對(duì)javascript一定會(huì)有較為深入的了解。

　　作者Nicholas C. Zakas是世界頂級(jí)Web技術(shù)專(zhuān)家，現(xiàn)為雅虎公司界面呈現(xiàn)架構(gòu)師，負(fù)責(zé)My Yahoo!和雅虎首頁(yè)等大訪問(wèn)量站點(diǎn)的設(shè)計(jì)。這本書(shū)，看一遍不能算看過(guò)，至少讀兩三遍，每一遍都會(huì)讓你有新的收獲。

　　8、《高性能JavaScript》

　　本書(shū)從性能角度全面分析js，含金量非常大，很多知識(shí)都是作者通過(guò)實(shí)踐總結(jié)出來(lái)的，都是經(jīng)驗(yàn)的積累，強(qiáng)烈推薦!

　　同是Nicholas C. Zakas所寫(xiě)，如果看《JS高級(jí)程序設(shè)計(jì)》覺(jué)得理解不太透徹，學(xué)習(xí)較為吃力，那么我強(qiáng)烈建議你看看這本書(shū)，真的是極好的一本實(shí)踐類(lèi)書(shū)籍，言簡(jiǎn)意賅，灰常實(shí)用!

　　9、《JavaScript王者歸來(lái)》

　　這本《JavaScript王者歸來(lái)》不僅是一本傳播知識(shí)的書(shū)，更是一本求道的書(shū)。O(∩_∩)O 有追求的程序員一定不要錯(cuò)過(guò)!愿神力與你同在!

　　它揭開(kāi)了JavaScript的面紗，繞過(guò)誤解和虛幻的表象，引領(lǐng)你探索程序王國(guó)的奧妙。這是一本探尋程序設(shè)計(jì)思想本源的“魔法典籍”，也是一本W(wǎng)eb開(kāi)發(fā)工程師們需要的案頭參考書(shū)。

　　10、《JavaScript模式》

　　它絕對(duì)不是一本入門(mén)級(jí)別的書(shū)，適用于希望將自身的Javascript技巧提高到一個(gè)新層次的專(zhuān)業(yè)的開(kāi)發(fā)人員和程序員。

　　《JavaScript模式》包含了實(shí)現(xiàn)每個(gè)討論的模式的實(shí)踐建議，并附有數(shù)個(gè)可以立即上手的范例;同時(shí)還可以學(xué)到一些反模式。短小精悍，進(jìn)階必讀!

　　11、《JavaScript設(shè)計(jì)模式》

　　進(jìn)階教程，得有一定功底才能看懂。反之，如果你輕而易舉就能拿下此書(shū)，說(shuō)明你已非等閑之輩~

　　本書(shū)共有兩部分。第一部分給出了實(shí)現(xiàn)具體設(shè)計(jì)模式所需要的面向?qū)ο筇匦缘幕A(chǔ)知識(shí)，第二部分則專(zhuān)注于各種具體的設(shè)計(jì)模式及其在JavaScript語(yǔ)言中的應(yīng)用，主要介紹了工廠模式、橋接模式、組合模式、門(mén)面模式等幾種常見(jiàn)的模式。

　　第三階段——jQUery的學(xué)習(xí)

　　12、《鋒利的jQuery》第二版

　　入門(mén)首選，簡(jiǎn)單易懂，非常實(shí)在?！朵h利的jQuery(第2版)》循序漸進(jìn)地對(duì)jQuery的各種函數(shù)和方法調(diào)用進(jìn)行了介紹，對(duì)jQuery分析的邏輯非常值得學(xué)習(xí)。

　　第四階段—學(xué)無(wú)止境!

　　如果以上書(shū)籍你全都搞定了，那么，恭喜你，你真的很厲害!到這種程度，相信你也不太需要?jiǎng)e人推薦書(shū)籍了，不過(guò)我還是厚著臉皮推薦兩本吧。

　　13、《高性能網(wǎng)站建設(shè)指南》

　　前端開(kāi)發(fā)可以優(yōu)化網(wǎng)站剩余70%~80%性能，這本書(shū)不算厚，幾個(gè)小時(shí)就能看完，推薦前端開(kāi)發(fā)工程師看看。在《高性能網(wǎng)站建設(shè)指南》中，作者給出了14條具體的優(yōu)化原則，每一條原則都配以范例佐證，并提供了在線支持。

　　14、《Web開(kāi)發(fā)敏捷之道》第二版

　　Web開(kāi)發(fā)敏捷之道》曾榮獲Jolt大獎(jiǎng)“最佳技術(shù)圖書(shū)”獎(jiǎng)。在第1版的內(nèi)容架構(gòu)基礎(chǔ)上，第2版增加了對(duì)Rails 1.2中新特性和最佳實(shí)踐的介紹。此書(shū)覆蓋了rails1.2的方方面面，其本身也很"敏捷"，翻譯也非常好。