到前端技術，我們通常都會說到"三大塊"：HTML、CSS、JavaScript，前端最核心的三項技術。

從邏輯上講，一個網頁可以視為由這三項技術實現的三層架構有機結合體。

· 結構層：表述一個頁面中有哪些信息，以及信息之間的關系，由HTML實現。

· 表現層：決定了頁面中的信息會以怎樣的外觀呈現出來，由CSS實現。

· 行為層：控制了頁面如何與用戶進行交互，由JS實現。

除了基本的"三大塊"之外，作為前端開發工程師，還需要掌握以下知識點：

· HTTP相關：由于前端資源都是瀏覽器通過網絡下載的，所以有必要了解相關的網絡協議。

· 前端性能優化：讓網頁更快，減少用戶的等待，是前端工程師面臨的重要課題，需要掌握前端性能優化相關的工具和方法。

· 前端框架：Web業務日趨復雜，對前端開發提出更高要求。學會使用框架開發，很好地解決了jQuery 稱霸時代開發周期太長，復用性低等問題，大大提升了效率。

· Node相關：在Node.js之前，沒有任何一種腳本語言能貫穿前后端平臺——Node.js可以用JS寫后臺，這對于熟悉JS的前端人員而言會更容易掌握，并且用Node.js可以快速搭建本地服務器。這是很多前端開發者青睞這項技術的原因。

以下，人郵君就圍繞前端開發所需技能列出一份薦書清單，并按照豆瓣評分和讀者評價給出了推薦指數，請簽收！

超文本標記語言（Hyper Text Markup Language，HTML），用于描述超文本中內容的顯示方式，如文字以什么顏色、大小來顯示等。HTML從1.0到5.0經歷了巨大的變化，已經成為了一種非常成熟的標記語言。

入門

《HTML5權威指南》

推薦指數：☆☆☆☆

作者：[美]Adam Freeman 譯者：謝廷晟 牛化成 劉美英

本書是系統學習網頁設計的參考圖書，全書分為五部分：

· 介紹學習需要的預備知識和HTML、CSS和JavaScript的進展；

· 討論HTML元素，并詳細說明了HTML5中新增和修改的元素；

· 闡述CSS，涵蓋了所有控制內容樣式的CSS選擇器和屬性，并輔以大量代碼示例和圖示；

· 介紹DOM，剖析如何用JavaScript操縱HTML內容；

· 講解Ajax、多媒體和canvas元素等HTML5特性。

本書面向初學者和中等水平Web開發人員，是牢固掌握HTML5、CSS3和JavaScript的必讀之作。

進階

《HTML5程序設計（第2版）》

推薦指數：☆☆☆

作者：[荷]Peter Lubbers [美]Brian Albers [美]Frank Salim 譯者：柳靖 李杰 劉淼

本書主要內容包括：

· HTML5歷史背景、新的語義標簽及與以往HTML版本相比的根本變化；

· HTML5設計原理；

· SVG和拖放API相關內容；

· 逐一討論HTML5的Canvas、Geolocation、Communication、WebSocket、Forms、WebWorkers、Storage等API的使用；

· 探索了離線Web應用并展望了HTML5未來的發展前景。

本書面向有一定經驗的Web應用開發人員，對HTML5及未來Web應用技術發展有濃厚興趣的讀者也可以學習參考。

級聯樣式表（Cascading Style Sheet）簡稱"CSS"，通常又稱為"風格樣式表（Style Sheet）"，是用來控制網頁外觀的一門技術。各種物聯網設備，不論屏幕尺寸大小，只要有瀏覽器就要用到CSS。

入門

《HTML5與CSS3基礎教程（第8版）》

推薦指數：☆☆☆☆

作者：[美]Elizabeth Castro [美]Bruce Hyslop 譯者：望以文

本書是講解HTML和CSS入門知識的經典暢銷書，全面系統地闡述了HTML5和CSS3基礎知識以及實際運用技術，通過大量實例深入淺出地分析了網頁制作的方方面面。主要內容有：

· 介紹文本、圖像、鏈接、列表、表格、表單等網頁元素；

· 介紹如何為網頁設計布局、添加動態效果等；

· 調試和發布；

· 書中的完整代碼示例，以及更多實例及進階參考資料（配套網站）。

通過學習本書，零起點讀者即可創建網站，而中水平的開發人員也可以快速了解HTML5新元素、CSS3的奇幻效果、響應式Web設計以及各種最佳實踐。

進階

《CSS揭秘》

推薦指數：☆☆☆☆☆

作者：[希]LEA VEROU 譯者：CSS魔法

· 本書是一本注重實踐的教程，作者為我們揭示了47個鮮為人知的CSS技巧；

· 主要內容包括背景與邊框、形狀、視覺效果、字體排印、用戶體驗、結構與布局、過渡與動畫等；

· 本書將帶領讀者循序漸進地探尋更優雅的解決方案，攻克每天都會遇到的各種網頁樣式難題。

《CSS揭秘》是前端工程師、網頁開發人員的進階必備書籍。

《CSS世界》

推薦指數：☆☆☆☆

作者：張鑫旭

本書主要內容包括：

· 結構、內容、美化裝飾等方面大量的CSS知識點；

· 通過大量的實戰案例，詳盡解析CSS的相關知識與常見問題；

· 專門的配套網站進行實例展示、問題答疑。

作為一本CSS深入學習的書，書中介紹大量許多前端開發人員都不知道的CSS知識點。通過閱讀本書，讀者會對CSS世界的深度和廣度有一個全新的認識。

《CSS權威指南（第四版）（上下冊）》

推薦指數：☆☆☆☆

作者：[美]Eric A. Meyer [美]Estelle Weyl 譯者：安道

· 本書全面闡述了 CSS 的實現方式，深入分析了最新的 CSS 規范；

· 展示了如何通過布局、過渡和動畫、邊框、背景、文本屬性，以及許多其他工具和技術來改善用戶體驗、加快開發速度、避免潛在的錯誤；

· 如果你是網頁設計師或應用開發者，對復雜的頁面樣式、改進可訪問性以及節省時間和精力感興趣，那你決不能錯過這本書。

JavaScript是一種解釋型的、基于對象的腳本語言，它能夠將網頁中的文本、圖形、聲音和動畫等各種媒體形式捆綁在一起，形成一個緊密結合的信息源。無論是桌面開發，還是移動應用，JavaScript都是必須掌握的技術。

入門

《JavaScript高級程序設計(第3版)》

推薦指數：☆☆☆☆☆

作者：[美]Nicholas C.Zakas 譯者：李松峰 曹力

本書承繼了之前版本全面深入、貼近實戰的特點，講解了JavaScript語言的核心，展示了現有規范及實現為開發Web應用提供的各種支持和特性。本書主要內容包括：

· 解讀JavaScript實現各個組成部分；

· 闡述JavaScript面向對象編程；

· 剖析DOM、BOM及瀏覽器事件模型；

· Web應用基本數據格式JSON、XML及其存取；

· Ajax、Comet服務器端通信和基于File API的拖放式文件上傳；

· ECMAScript 5定義的新核心語言特性；

· HTML5涵蓋的表單、媒體、Canvas（包括WebGL）；

· Selectors、Web、Workers、地理定位及跨文檔傳遞消息等新API；

· 離線應用及客戶端存儲（包括IndexedDB）；

· 維護、性能、部署相關的開發實踐；

· 新興API及ECMAScript Harmony展望。

作為JavaScript技術經典名著，《JavaScript高級程序設計(第3版)》可以說是JavaScript最權威的入門書籍了。

《JavaScript DOM編程藝術(第2版)》

推薦指數：☆☆☆☆

作者：[英]Jeremy Keith [加]Jeffrey Sambells 譯者：楊濤 王建橋 楊曉云等

本書是超級暢銷書的升級版，由倡導Web標準的領軍人物執筆，揭示了前端開發的真諦，是學習JavaScript和DOM開發的必讀之作。本書主要內容包括：

· JavaScript和DOM的基本知識；

· 通過幾個實例演示了專業水準的網頁開發技術；

· 透徹闡述了平穩退化等一批至關重要的JavaScript編程原則和實踐；

· 全面探討了HTML5以及jQuery等JavaScript庫。

通過閱讀本書，讀者將看到JavaScript、HTML5和CSS如何協作來創建易用的、與標準兼容的Web設計，以及掌握使用JavaScript和DOM通過客戶端動態效果和用戶控制的動畫來加強Web頁面的必備技術；同時，還將對如何利用庫提高開發效率有全面深入的理解。

《你不知道的JavaScript》

推薦指數：☆☆☆☆☆

作者：[美]Kyle Simpson 譯者：趙望野 梁杰

本書深入理解語言內部的機制，全面介紹了JavaScript中常被人誤解和忽視的重要知識點。

· 《你不知道的JavaScript（上卷）》介紹了該系列的兩個主題——"作用域和閉包"以及"this和對象原型"。掌握了這些知識之后，無論什么技術、框架和流行詞語，你都能輕松理解。本書講解通透深入，是入門必備書籍。

· 《你不知道的JavaScript（中卷）》主要介紹了類型、語法、異步和性能。

· 《你不知道的JavaScript（下卷）》主要介紹了入門知識和對ES6及未來發展趨勢的展望。

本書既適合JavaScript語言初學者閱讀，又適合經驗豐富的JavaScript開發人員深入學習。

《Head First JavaScript程序設計》

推薦指數：☆☆☆☆

作者：[美]Eric T. Freeman [美]Elisabeth Robson 譯者：袁國忠

· 本書語言和版式活潑，內容講解深入淺出，是難得的JavaScript入門書；

· 本書內容涵蓋JavaScript的基本知識以及對象、函數和瀏覽器文檔對象模型等高階主題；

· 書中配備了大量有趣的實例、圖示和練習，讓讀者輕輕松松掌握JavaScript。

本書的讀者對象為JavaScript入門讀者以及網頁設計入門者。

`````````

進階

《JavaScript忍者秘籍 第2版》

推薦指數：☆☆☆☆☆

作者：[美]John Resig [美]Bear Bibeault [美]Josip Maras 譯者：一心一譯前端小組

本書共分4個部分，從不同層次講述了逐步成為JavaScript高手所需的知識：

· 本書從JavaScript語言及重要的特性談起，由淺入深地探討了函數、作用域、閉包、生成器函數、對象、數組、模塊化、JavaScript與Web頁面的交互以及事件等主題；

· 引導讀者更加深入地了解JavaScript的方方面面，充分展示了JavaScript語言的各種特性；

· 本書結合ECMAScript 6和7的相關概念，涵蓋了流行的JavaScript框架所使用的技術。

本書適合具備一定JavaScript基礎知識的讀者閱讀，也適合從事程序設計工作并想要深入探索JavaScript語言的讀者閱讀。

《JavaScript設計模式》

推薦指數：☆☆☆☆

作者：張容銘

本書共分六篇四十章：

· 討論了幾種函數的編寫方式，體會JavaScript在編程中的靈活性；

· 講解了面向對象編程的知識，其中討論了類的創建、數據的封裝以及類之間的繼承；

· 探討了各種模式的技術，如簡單工廠模式，包括工廠方法模式、抽象工廠模式、建造者模式、原型模式、單例模式，以及外觀模式，包括適配器模式。

· 講解了幾種適配器、代理模式、裝飾者模式和MVC模式，討論了如何實現對數據、視圖、控制器的分離。

· 在講解MVP模式時，討論了如何解決數據與視圖之間的耦合，并實現了一個模板生成器；

· 講解MVVM模式時，討論了雙向綁定對MVC的模式演化。

本書幾乎包含了關于JavaScript設計模式的全部知識，是進行JavaScript高效編程必備的學習手冊。

《JavaScript面向對象精要》

推薦指數：☆☆☆☆☆

作者：[美]Nicholas C.Zakas 譯者：胡世杰

全書共6章，內容簡潔而精妙，關注面向對象的原理和ES5對象新特性，幫助那些已經熟知面向對象編程的讀者掌握這些概念是如何在JavaScript中工作的。

· 本書深入探討了原始類型和引用類型、函數、對象、構造函數和原型對象、繼承和對象模式等主題和特性；

· 你將學到JavaScript獨特的面向對象的編程方式；

· 你將學到拋棄類的概念和基于類的繼承，學習基于原型的繼承和構造函數；

· 你將學會如何創建對象、定義自己的類型、使用繼承以及其他各種操作來充分使用對象。

總而言之，你將學到JavaScript語言并進行專業編程所需熟知的一切。本書適合熟悉面向對象編程的概念并希望將其應用于JavaScript的開發者閱讀，也適合JavaScript新手學習參考。

《鋒利的jQuery（第2版）》

推薦指數：☆☆☆☆

作者：單東林 張曉菲 魏然

· 本書介紹了jQuery的各種函數和方法調用；

· 讀者可以系統地掌握jQuery的選擇器、DOM操作、事件和動畫、AJAX應用、插件、jQuery Mobile、jQuery各個版本變化、jQuery性能優化和技巧等知識點，并結合每個章節后面的案例演示進行練習；

· 本書的第8章將前7章講解的知識點和效果進行了整合，打造出一個非常有個性的網站，并從案例研究、網站材料、網站結構、網站樣式和網站腳本等方面指導讀者參與到項目建設中來。

《鋒利的jQuery（第2版）》適合所有對jQuery技術感興趣的Web設計者和前端開發人員閱讀和參考。

Node.js是建立在Chrome瀏覽器的JavaScript運行時基礎上，用于快速構建可擴展的網絡應用的平臺。Node旨在幫助開發者編寫異步的、事件驅動的應用。在Node中，每一個請求都是異步的，并且幾乎所有的I/O都是非阻塞的。因此，Node應用非常高效率，能夠處理的"并發"連接的數量也很龐大。

入門

《Node.js實戰（第2版）》

推薦指數：☆☆☆

作者：[英]Alex Young [美] Bradley Meck [美] Mike Cantelon [美] Tim Oxley [美] Marc Harter [美] T.J.Holowaychuk [美] Nathan Rajlich 譯者：吳海星

· Node.js核心框架貢獻者力作 ；

· 展示Node核心技巧 ；

· 涵蓋前端構建系統、Web框架選擇、數據庫交互和Web程序測試與部署等全棧開發所需技術。

本書是Node.js的實戰教程，涵蓋了為開發產品級Node應用程序所需要的一切特性、技巧以及相關理念。從搭建Node開發環境，到一些簡單的演示程序，到開發復雜應用程序所必不可少的異步編程，第2版介紹了全棧開發者所需的全部技術，可作為入門書籍。

進階

《深入淺出 Node.js》

推薦指數：☆☆☆☆☆

作者：樸靈

《深入淺出Node.js》從不同的視角介紹了 Node 內在的特點和結構。由首章Node介紹為索引，涉及Node的各個方面，主要內容包括：

· 模塊機制的揭示；

· 異步I/O實現原理的展現；

· 異步編程的探討；

· 內存控制的介紹；

· 二進制數據Buffer的細節；

· Node中的網絡編程基礎；

· Node中的Web開發；

· 進程間的消息傳遞；

· Node測試以及通過Node構建產品需要的注意事項。

附錄介紹了Node的安裝、調試、編碼規范和NPM倉庫等事宜。本書適合想深入了解 Node的人員閱讀，是進階必備書籍。

HTTP & TCP/IP

《HTTP權威指南》

推薦指數：☆☆☆☆☆

作者：[美]David Gourley [美]Brian Totty [美]Marjorie Sayer [美]Sailu Reddy [美]Aushu Aggarwal 譯者：陳涓 趙振平

本書由具有多年實踐經驗的專家編寫，通過簡潔語言和大量翔實的細節圖解幫助讀者形象地理解Web幕后所發生的事情，詳細說明了Web上每條請求的實際運行情況，主要內容包括：

· HTTP方法、首部以及狀態碼；

· 優化代理和緩存的方法；

· 設計Web機器人和爬蟲的策略；

· Cookies、認證以及安全HTTP；

· 國際化及內容協商；

· 重定向及負載平衡策略。

本書深入說明了Web的工作原理，內容全面，講解細致，是HTTP協議及相關Web技術方面的著作。

《圖解HTTP》

推薦指數：☆☆☆☆

作者：[日]上野 宣 譯者：于均良

《圖解HTTP》對HTTP協議進行了全面系統的介紹，可以說是一本講解HTTP協議的神書，簡單有趣，圖文并茂，生動形象，適合入門，主要內容包括：

· HTTP協議的發展歷史；

· HTTP協議的結構剖析；

· 常見通信場景及實戰案例；

· Web安全、新技術動向等。

讀者可通過本書快速了解并掌握HTTP協議的基礎知識。

《圖解TCP/IP（第5版）》

推薦指數：☆☆☆

作者：[日]竹下隆史 [日]村山公保 [日]荒井透 [日]苅田幸雄 譯者：烏尼日其其格

· 本書是一本圖文并茂的網絡管理技術書籍，旨在讓廣大讀者理解TCP/IP的基本知識、掌握TCP/IP的基本技能；

· 書中講解了網絡基礎知識、TCP/IP基礎知識、數據鏈路、IP協議、IP協議相關技術、TCP與UDP、路由協議、應用協議、網絡安全等內容；

· 引導讀者了解和掌握TCP/IP，營造一個安全的、使用放心的網絡環境。

性能優化

《Web性能權威指南》

推薦指數：☆☆☆☆

作者：[加]Ilya Grigorik 譯者：李松峰

本書由谷歌公司高性能團隊核心成員創作，堪稱實戰經驗與規范解讀結合的產物，獲得IETF下一代HTTP協議工作組主席力薦。本書目標是涵蓋Web技術體系中應該掌握的所有網絡及性能優化知識。本書主要內容有：

· 以性能優化為主線，從TCP、UDP和TLS協議講起；

· 解釋了如何針對這幾種協議和基礎設施來優化應用；

· 深入探討了無線和移動網絡的工作機制；

· 揭示了HTTP協議的底層細節；

· 同時詳細介紹了HTTP 2.0、 XHR、SSE、WebSocket、WebRTC和DataChannel等現代瀏覽器新增的具有革命性的新能力。

本書適合所有Web應用及站點開發人員閱讀，包括但不限于前端、后端、運維、大數據分析、UI/UX、存儲、視頻、實時消息，以及性能工程師。

前端框架

當前，三大主流前端框架分別是React、Vue、Angular。

React 是一個采用聲明式，高效而且靈活的用來構建用戶界面的框架，另辟蹊徑提出了以組件化的形式重新構建頁面內容，將頁面的內容按特征分塊，然后將特定塊中的HTML、CSS、JS封裝在一起，最后用組件來構建頁面內容。

《深入React技術棧》

推薦指數：☆☆☆☆

作者：陳屹

本書從幾個維度去介紹 React：

· 一是作為 View 庫，它怎么實現組件化，以及它背后的實現原理；

· 二是擴展到 Flux 應用架構及重要的衍生品 Redux，它們怎么與 React 結合做應用開發；

· 三是對 React 與 server 的碰撞產生的一些思考；

· 四是講述它在可視化方面的優勢與劣勢。

此外，本書非常重視實戰，每一節都有實際的例子，細節豐富，內容翔實，由淺入深，無論你是 React 初學者，還是進階人士，本書都值得一讀！本書適合有一定經驗的前端開發人員閱讀。

Vue.js是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發的設計。Vue.js 自身不是一個全能框架——它只聚焦于視圖層，因此它非常容易學習，并很容易與其它庫或已有項目整合。

《深入淺出Vue.js》

推薦指數：☆☆☆☆

作者：劉博文

本書從源碼層面分析了Vue.js，主要內容有 ：

· 簡要介紹Vue.js；

· 講解內部核心技術"變化偵測"，帶領大家從0到1實現一個簡單的"變化偵測"系統；

· 介紹虛擬DOM技術，包括虛擬DOM的原理及其patching算法；

· 討論模板編譯技術，包括模板解析器的實現原理、優化器的原理以及代碼生成器的原理；

· 介紹其整體架構以及提供給我們使用的各種API的內部原理，同時還介紹了生命周期、錯誤處理、指令系統與模板過濾器等功能的原理。

360奇舞團團長月影和《JavaScript高級程序設計》譯者李松峰作序推薦，適合前端開發人員閱讀。

Angular是一個用來構建大型應用，高性能的Web應用程序的框架；是一個完整的、從 UI、路由、Http、Socket到依賴注入、編譯、優化、測試的框架。Angular上手起來有一定難度，但其工程屬性極強，非常適合多團隊的大型項目，一旦學會，優勢很大。

《Angular權威教程》

推薦指數：☆☆☆☆

作者：[美]Ari Lerner [巴西]Felipe Coury [美]Nate Murray [巴西]Carlos Taborda 譯者：Nice Angular社區

· 本書堪稱Angular領域的里程碑式著作，幾乎涵蓋了關于Angular的所有內容；

· 對于沒有經驗的人，本書平實、通俗的講解，遞進、嚴密的組織，可以讓人毫無壓力地登堂入室，迅速領悟新一代Web應用開發的精髓；

· 如果你有相關經驗，那本書對Angular概念和技術細節的全面剖析，以及引人入勝、切中肯綮的講解，將幫助你徹底掌握這個框架，在自己職業技術修煉之路上更進一步。