說到前端技術，我們通常都會說到"三大塊"：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權威指南》
推薦指數：☆☆☆☆
本書是系統學習網頁設計的參考圖書，全書分為五部分：
· 介紹學習需要的預備知識和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揭秘》
推薦指數：☆☆☆☆☆
· 本書是一本注重實踐的教程，作者為我們揭示了47個鮮為人知的CSS技巧；
· 主要內容包括背景與邊框、形狀、視覺效果、字體排印、用戶體驗、結構與佈局、過渡與動畫等；
· 本書將帶領讀者循序漸進地探尋更優雅的解決方案，攻克每天都會遇到的各種網頁樣式難題。
《CSS揭秘》是前端工程師、網頁開發人員的進階必備書籍。
《CSS世界》
推薦指數：☆☆☆☆
本書主要內容包括：
· 結構、內容、美化裝飾等方面大量的CSS知識點；
· 通過大量的實戰案例，詳盡解析CSS的相關知識與常見問題；
· 專門的配套網站進行實例展示、問題答疑。
作為一本CSS深入學習的書，書中介紹大量許多前端開發人員都不知道的CSS知識點。通過閱讀本書，讀者會對CSS世界的深度和廣度有一個全新的認識。
《CSS權威指南（第四版）（上下冊）》
推薦指數：☆☆☆☆
作者：[美]Eric A. Meyer [美]Estelle Weyl 譯者：安道
· 本書全面闡述了 CSS 的實現方式，深入分析了最新的 CSS 規範；
· 展示瞭如何通過佈局、過渡和動畫、邊框、背景、文本屬性，以及許多其他工具和技術來改善用戶體驗、加快開發速度、避免潛在的錯誤；
· 如果你是網頁設計師或應用開發者，對複雜的頁面樣式、改進可訪問性以及節省時間和精力感興趣，那你決不能錯過這本書。
JavaScript是一種解釋型的、基於對象的腳本語言，它能夠將網頁中的文本、圖形、聲音和動畫等各種媒體形式捆綁在一起，形成一個緊密結合的信息源。無論是桌面開發，還是移動應用，JavaScript都是必須掌握的技術。
入門
《JavaScript高級程序設計(第3版)》
推薦指數：☆☆☆☆☆
本書承繼了之前版本全面深入、貼近實戰的特點，講解了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》
推薦指數：☆☆☆☆☆
本書深入理解語言內部的機制，全面介紹了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面向對象精要》
推薦指數：☆☆☆☆☆
全書共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性能權威指南》
推薦指數：☆☆☆☆
本書由谷歌公司高性能團隊核心成員創作，堪稱實戰經驗與規範解讀結合的產物，獲得IETF下一代HTTP協議工作組主席力薦。
本書目標是涵蓋Web技術體系中應該掌握的所有網絡及性能優化知識。本書主要內容有：· 以性能優化為主線，從TCP、UDP和TLS協議講起；
· 解釋瞭如何針對這幾種協議和基礎設施來優化應用；
· 深入探討了無線和移動網絡的工作機制；
· 揭示了HTTP協議的底層細節；
· 同時詳細介紹了HTTP 2.0、 XHR、SSE、WebSocket、WebRTC和DataChannel等現代瀏覽器新增的具有革命性的新能力。
本書適合所有Web應用及站點開發人員閱讀，包括但不限於前端、後端、運維、大數據分析、UI/UX、存儲、視頻、實時消息，以及性能工程師。
前端框架
當前，三大主流前端框架分別是<strong>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概念和技術細節的全面剖析，以及引人入勝、切中肯綮的講解，將幫助你徹底掌握這個框架，在自己職業技術修煉之路上更進一步。
閱讀更多 人民郵電出版社 的文章
