說到前端技術，我們通常都會說到"三大塊"：HTML、CSS、JavaScript，前端最核心的三項技術。
從邏輯上講，一個網(wǎng)頁可以視為由這三項技術實現(xiàn)的三層架構有機結合體。
· 結構層：表述一個頁面中有哪些信息，以及信息之間的關系，由HTML實現(xiàn)。
· 表現(xiàn)層：決定了頁面中的信息會以怎樣的外觀呈現(xiàn)出來，由CSS實現(xiàn)。
· 行為層：控制了頁面如何與用戶進行交互，由JS實現(xiàn)。
除了基本的"三大塊"之外，作為前端開發(fā)工程師，還需要掌握以下知識點：
· HTTP相關：由于前端資源都是瀏覽器通過網(wǎng)絡下載的，所以有必要了解相關的網(wǎng)絡協(xié)議。
· 前端性能優(yōu)化：讓網(wǎng)頁更快，減少用戶的等待，是前端工程師面臨的重要課題，需要掌握前端性能優(yōu)化相關的工具和方法。
· 前端框架：Web業(yè)務日趨復雜，對前端開發(fā)提出更高要求。學會使用框架開發(fā)，很好地解決了jQuery 稱霸時代開發(fā)周期太長，復用性低等問題，大大提升了效率。
· Node相關：在Node.js之前，沒有任何一種腳本語言能貫穿前后端平臺——Node.js可以用JS寫后臺，這對于熟悉JS的前端人員而言會更容易掌握，并且用Node.js可以快速搭建本地服務器。這是很多前端開發(fā)者青睞這項技術的原因。
以下，人郵君就圍繞前端開發(fā)所需技能列出一份薦書清單，并按照豆瓣評分和讀者評價給出了推薦指數(shù)，請簽收！
超文本標記語言（Hyper Text Markup Language，HTML），用于描述超文本中內容的顯示方式，如文字以什么顏色、大小來顯示等。HTML從1.0到5.0經(jīng)歷了巨大的變化，已經(jīng)成為了一種非常成熟的標記語言。
入門《HTML5權威指南》
推薦指數(shù)：☆☆☆☆
作者：[美]Adam Freeman 譯者：謝廷晟 牛化成 劉美英
本書是系統(tǒng)學習網(wǎng)頁設計的參考圖書，全書分為五部分：
· 介紹學習需要的預備知識和HTML、CSS和JavaScript的進展；
· 討論HTML元素，并詳細說明了HTML5中新增和修改的元素；
· 闡述CSS，涵蓋了所有控制內容樣式的CSS選擇器和屬性，并輔以大量代碼示例和圖示；
· 介紹DOM，剖析如何用JavaScript操縱HTML內容；
· 講解Ajax、多媒體和canvas元素等HTML5特性。
本書面向初學者和中等水平Web開發(fā)人員，是牢固掌握HTML5、CSS3和JavaScript的必讀之作。
進階《HTML5程序設計（第2版）》
推薦指數(shù)：☆☆☆
作者：[荷]Peter Lubbers [美]Brian Albers [美]Frank Salim 譯者：柳靖 李杰 劉淼
本書主要內容包括：
· HTML5歷史背景、新的語義標簽及與以往HTML版本相比的根本變化；
· HTML5設計原理；
· SVG和拖放API相關內容；
· 逐一討論HTML5的Canvas、Geolocation、Communication、WebSocket、Forms、WebWorkers、Storage等API的使用；
· 探索了離線Web應用并展望了HTML5未來的發(fā)展前景。
本書面向有一定經(jīng)驗的Web應用開發(fā)人員，對HTML5及未來Web應用技術發(fā)展有濃厚興趣的讀者也可以學習參考。
級聯(lián)樣式表（Cascading Style Sheet）簡稱"CSS"，通常又稱為"風格樣式表（Style Sheet）"，是用來控制網(wǎng)頁外觀的一門技術。各種物聯(lián)網(wǎng)設備，不論屏幕尺寸大小，只要有瀏覽器就要用到CSS。
入門《HTML5與CSS3基礎教程（第8版）》
推薦指數(shù)：☆☆☆☆
作者：[美]Elizabeth Castro [美]Bruce Hyslop 譯者：望以文
本書是講解HTML和CSS入門知識的經(jīng)典暢銷書，全面系統(tǒng)地闡述了HTML5和CSS3基礎知識以及實際運用技術，通過大量實例深入淺出地分析了網(wǎng)頁制作的方方面面。主要內容有：
· 介紹文本、圖像、鏈接、列表、表格、表單等網(wǎng)頁元素；
· 介紹如何為網(wǎng)頁設計布局、添加動態(tài)效果等；
· 調試和發(fā)布；
· 書中的完整代碼示例，以及更多實例及進階參考資料（配套網(wǎng)站）。
通過學習本書，零起點讀者即可創(chuàng)建網(wǎng)站，而中水平的開發(fā)人員也可以快速了解HTML5新元素、CSS3的奇幻效果、響應式Web設計以及各種最佳實踐。
進階《CSS揭秘》
推薦指數(shù)：☆☆☆☆☆
作者：[希]LEA VEROU 譯者：CSS魔法
· 本書是一本注重實踐的教程，作者為我們揭示了47個鮮為人知的CSS技巧；
· 主要內容包括背景與邊框、形狀、視覺效果、字體排印、用戶體驗、結構與布局、過渡與動畫等；
· 本書將帶領讀者循序漸進地探尋更優(yōu)雅的解決方案，攻克每天都會遇到的各種網(wǎng)頁樣式難題。
《CSS揭秘》是前端工程師、網(wǎng)頁開發(fā)人員的進階必備書籍。
《CSS世界》
推薦指數(shù)：☆☆☆☆
作者：張鑫旭
本書主要內容包括：
· 結構、內容、美化裝飾等方面大量的CSS知識點；
· 通過大量的實戰(zhàn)案例，詳盡解析CSS的相關知識與常見問題；
· 專門的配套網(wǎng)站進行實例展示、問題答疑。
作為一本CSS深入學習的書，書中介紹大量許多前端開發(fā)人員都不知道的CSS知識點。通過閱讀本書，讀者會對CSS世界的深度和廣度有一個全新的認識。
《CSS權威指南（第四版）（上下冊）》
推薦指數(shù)：☆☆☆☆
作者：[美]Eric A. Meyer [美]Estelle Weyl 譯者：安道
· 本書全面闡述了 CSS 的實現(xiàn)方式，深入分析了最新的 CSS 規(guī)范；
· 展示了如何通過布局、過渡和動畫、邊框、背景、文本屬性，以及許多其他工具和技術來改善用戶體驗、加快開發(fā)速度、避免潛在的錯誤；
· 如果你是網(wǎng)頁設計師或應用開發(fā)者，對復雜的頁面樣式、改進可訪問性以及節(jié)省時間和精力感興趣，那你決不能錯過這本書。
JavaScript是一種解釋型的、基于對象的腳本語言，它能夠將網(wǎng)頁中的文本、圖形、聲音和動畫等各種媒體形式捆綁在一起，形成一個緊密結合的信息源。無論是桌面開發(fā)，還是移動應用，JavaScript都是必須掌握的技術。
入門《JavaScript高級程序設計(第3版)》
推薦指數(shù)：☆☆☆☆☆
作者：[美]Nicholas C.Zakas 譯者：李松峰 曹力
本書承繼了之前版本全面深入、貼近實戰(zhàn)的特點，講解了JavaScript語言的核心，展示了現(xiàn)有規(guī)范及實現(xiàn)為開發(fā)Web應用提供的各種支持和特性。本書主要內容包括：
· 解讀JavaScript實現(xiàn)各個組成部分；
· 闡述JavaScript面向對象編程；
· 剖析DOM、BOM及瀏覽器事件模型；
· Web應用基本數(shù)據(jù)格式JSON、XML及其存??；
· Ajax、Comet服務器端通信和基于File API的拖放式文件上傳；
· ECMAScript 5定義的新核心語言特性；
· HTML5涵蓋的表單、媒體、Canvas（包括WebGL）；
· Selectors、Web、Workers、地理定位及跨文檔傳遞消息等新API；
· 離線應用及客戶端存儲（包括IndexedDB）；
· 維護、性能、部署相關的開發(fā)實踐；
· 新興API及ECMAScript Harmony展望。
作為JavaScript技術經(jīng)典名著，《JavaScript高級程序設計(第3版)》可以說是JavaScript最權威的入門書籍了。
《JavaScript DOM編程藝術(第2版)》
推薦指數(shù)：☆☆☆☆
作者：[英]Jeremy Keith [加]Jeffrey Sambells 譯者：楊濤 王建橋 楊曉云等
本書是超級暢銷書的升級版，由倡導Web標準的領軍人物執(zhí)筆，揭示了前端開發(fā)的真諦，是學習JavaScript和DOM開發(fā)的必讀之作。本書主要內容包括：
· JavaScript和DOM的基本知識；
· 通過幾個實例演示了專業(yè)水準的網(wǎng)頁開發(fā)技術；
· 透徹闡述了平穩(wěn)退化等一批至關重要的JavaScript編程原則和實踐；
· 全面探討了HTML5以及jQuery等JavaScript庫。
通過閱讀本書，讀者將看到JavaScript、HTML5和CSS如何協(xié)作來創(chuàng)建易用的、與標準兼容的Web設計，以及掌握使用JavaScript和DOM通過客戶端動態(tài)效果和用戶控制的動畫來加強Web頁面的必備技術；同時，還將對如何利用庫提高開發(fā)效率有全面深入的理解。
《你不知道的JavaScript》
推薦指數(shù)：☆☆☆☆☆
作者：[美]Kyle Simpson 譯者：趙望野 梁杰
本書深入理解語言內部的機制，全面介紹了JavaScript中常被人誤解和忽視的重要知識點。
· 《你不知道的JavaScript（上卷）》介紹了該系列的兩個主題——"作用域和閉包"以及"this和對象原型"。掌握了這些知識之后，無論什么技術、框架和流行詞語，你都能輕松理解。本書講解通透深入，是入門必備書籍。
· 《你不知道的JavaScript（中卷）》主要介紹了類型、語法、異步和性能。
· 《你不知道的JavaScript（下卷）》主要介紹了入門知識和對ES6及未來發(fā)展趨勢的展望。
本書既適合JavaScript語言初學者閱讀，又適合經(jīng)驗豐富的JavaScript開發(fā)人員深入學習。
《Head First JavaScript程序設計》
推薦指數(shù)：☆☆☆☆
作者：[美]Eric T. Freeman [美]Elisabeth Robson 譯者：袁國忠
· 本書語言和版式活潑，內容講解深入淺出，是難得的JavaScript入門書；
· 本書內容涵蓋JavaScript的基本知識以及對象、函數(shù)和瀏覽器文檔對象模型等高階主題；
· 書中配備了大量有趣的實例、圖示和練習，讓讀者輕輕松松掌握JavaScript。
本書的讀者對象為JavaScript入門讀者以及網(wǎng)頁設計入門者。
`````````
進階《JavaScript忍者秘籍 第2版》
推薦指數(shù)：☆☆☆☆☆
作者：[美]John Resig [美]Bear Bibeault [美]Josip Maras 譯者：一心一譯前端小組
本書共分4個部分，從不同層次講述了逐步成為JavaScript高手所需的知識：
· 本書從JavaScript語言及重要的特性談起，由淺入深地探討了函數(shù)、作用域、閉包、生成器函數(shù)、對象、數(shù)組、模塊化、JavaScript與Web頁面的交互以及事件等主題；
· 引導讀者更加深入地了解JavaScript的方方面面，充分展示了JavaScript語言的各種特性；
· 本書結合ECMAScript 6和7的相關概念，涵蓋了流行的JavaScript框架所使用的技術。
本書適合具備一定JavaScript基礎知識的讀者閱讀，也適合從事程序設計工作并想要深入探索JavaScript語言的讀者閱讀。
《JavaScript設計模式》
推薦指數(shù)：☆☆☆☆
作者：張容銘
本書共分六篇四十章：
· 討論了幾種函數(shù)的編寫方式，體會JavaScript在編程中的靈活性；
· 講解了面向對象編程的知識，其中討論了類的創(chuàng)建、數(shù)據(jù)的封裝以及類之間的繼承；
· 探討了各種模式的技術，如簡單工廠模式，包括工廠方法模式、抽象工廠模式、建造者模式、原型模式、單例模式，以及外觀模式，包括適配器模式。
· 講解了幾種適配器、代理模式、裝飾者模式和MVC模式，討論了如何實現(xiàn)對數(shù)據(jù)、視圖、控制器的分離。
· 在講解MVP模式時，討論了如何解決數(shù)據(jù)與視圖之間的耦合，并實現(xiàn)了一個模板生成器；
· 講解MVVM模式時，討論了雙向綁定對MVC的模式演化。
本書幾乎包含了關于JavaScript設計模式的全部知識，是進行JavaScript高效編程必備的學習手冊。
《JavaScript面向對象精要》
推薦指數(shù)：☆☆☆☆☆
作者：[美]Nicholas C.Zakas 譯者：胡世杰
全書共6章，內容簡潔而精妙，關注面向對象的原理和ES5對象新特性，幫助那些已經(jīng)熟知面向對象編程的讀者掌握這些概念是如何在JavaScript中工作的。
· 本書深入探討了原始類型和引用類型、函數(shù)、對象、構造函數(shù)和原型對象、繼承和對象模式等主題和特性；
· 你將學到JavaScript獨特的面向對象的編程方式；
· 你將學到拋棄類的概念和基于類的繼承，學習基于原型的繼承和構造函數(shù)；
· 你將學會如何創(chuàng)建對象、定義自己的類型、使用繼承以及其他各種操作來充分使用對象。
總而言之，你將學到JavaScript語言并進行專業(yè)編程所需熟知的一切。本書適合熟悉面向對象編程的概念并希望將其應用于JavaScript的開發(fā)者閱讀，也適合JavaScript新手學習參考。
《鋒利的jQuery（第2版）》
推薦指數(shù)：☆☆☆☆
作者：單東林 張曉菲 魏然
· 本書介紹了jQuery的各種函數(shù)和方法調用；
· 讀者可以系統(tǒng)地掌握jQuery的選擇器、DOM操作、事件和動畫、AJAX應用、插件、jQuery Mobile、jQuery各個版本變化、jQuery性能優(yōu)化和技巧等知識點，并結合每個章節(jié)后面的案例演示進行練習；
· 本書的第8章將前7章講解的知識點和效果進行了整合，打造出一個非常有個性的網(wǎng)站，并從案例研究、網(wǎng)站材料、網(wǎng)站結構、網(wǎng)站樣式和網(wǎng)站腳本等方面指導讀者參與到項目建設中來。
《鋒利的jQuery（第2版）》適合所有對jQuery技術感興趣的Web設計者和前端開發(fā)人員閱讀和參考。
Node.js是建立在Chrome瀏覽器的JavaScript運行時基礎上，用于快速構建可擴展的網(wǎng)絡應用的平臺。Node旨在幫助開發(fā)者編寫異步的、事件驅動的應用。在Node中，每一個請求都是異步的，并且?guī)缀跛械腎/O都是非阻塞的。因此，Node應用非常高效率，能夠處理的"并發(fā)"連接的數(shù)量也很龐大。
入門《Node.js實戰(zhàn)（第2版）》
推薦指數(shù)：☆☆☆
作者：[英]Alex Young [美] Bradley Meck [美] Mike Cantelon [美] Tim Oxley [美] Marc Harter [美] T.J.Holowaychuk [美] Nathan Rajlich 譯者：吳海星
· Node.js核心框架貢獻者力作 ；
· 展示Node核心技巧 ；
· 涵蓋前端構建系統(tǒng)、Web框架選擇、數(shù)據(jù)庫交互和Web程序測試與部署等全棧開發(fā)所需技術。
本書是Node.js的實戰(zhàn)教程，涵蓋了為開發(fā)產(chǎn)品級Node應用程序所需要的一切特性、技巧以及相關理念。從搭建Node開發(fā)環(huán)境，到一些簡單的演示程序，到開發(fā)復雜應用程序所必不可少的異步編程，第2版介紹了全棧開發(fā)者所需的全部技術，可作為入門書籍。
進階《深入淺出 Node.js》
推薦指數(shù)：☆☆☆☆☆
作者：樸靈
《深入淺出Node.js》從不同的視角介紹了 Node 內在的特點和結構。由首章Node介紹為索引，涉及Node的各個方面，主要內容包括：
· 模塊機制的揭示；
· 異步I/O實現(xiàn)原理的展現(xiàn)；
· 異步編程的探討；
· 內存控制的介紹；
· 二進制數(shù)據(jù)Buffer的細節(jié)；
· Node中的網(wǎng)絡編程基礎；
· Node中的Web開發(fā)；
· 進程間的消息傳遞；
· Node測試以及通過Node構建產(chǎn)品需要的注意事項。
附錄介紹了Node的安裝、調試、編碼規(guī)范和NPM倉庫等事宜。本書適合想深入了解 Node的人員閱讀，是進階必備書籍。
HTTP & TCP/IP《HTTP權威指南》
推薦指數(shù)：☆☆☆☆☆
作者：[美]David Gourley [美]Brian Totty [美]Marjorie Sayer [美]Sailu Reddy [美]Aushu Aggarwal 譯者：陳涓 趙振平
本書由具有多年實踐經(jīng)驗的專家編寫，通過簡潔語言和大量翔實的細節(jié)圖解幫助讀者形象地理解Web幕后所發(fā)生的事情，詳細說明了Web上每條請求的實際運行情況，主要內容包括：
· HTTP方法、首部以及狀態(tài)碼；
· 優(yōu)化代理和緩存的方法；
· 設計Web機器人和爬蟲的策略；
· Cookies、認證以及安全HTTP；
· 國際化及內容協(xié)商；
· 重定向及負載平衡策略。
本書深入說明了Web的工作原理，內容全面，講解細致，是HTTP協(xié)議及相關Web技術方面的著作。
《圖解HTTP》
推薦指數(shù)：☆☆☆☆
作者：[日]上野 宣 譯者：于均良
《圖解HTTP》對HTTP協(xié)議進行了全面系統(tǒng)的介紹，可以說是一本講解HTTP協(xié)議的神書，簡單有趣，圖文并茂，生動形象，適合入門，主要內容包括：
· HTTP協(xié)議的發(fā)展歷史；
· HTTP協(xié)議的結構剖析；
· 常見通信場景及實戰(zhàn)案例；
· Web安全、新技術動向等。
讀者可通過本書快速了解并掌握HTTP協(xié)議的基礎知識。
《圖解TCP/IP（第5版）》
推薦指數(shù)：☆☆☆
作者：[日]竹下隆史 [日]村山公保 [日]荒井透 [日]苅田幸雄 譯者：烏尼日其其格
· 本書是一本圖文并茂的網(wǎng)絡管理技術書籍，旨在讓廣大讀者理解TCP/IP的基本知識、掌握TCP/IP的基本技能；
· 書中講解了網(wǎng)絡基礎知識、TCP/IP基礎知識、數(shù)據(jù)鏈路、IP協(xié)議、IP協(xié)議相關技術、TCP與UDP、路由協(xié)議、應用協(xié)議、網(wǎng)絡安全等內容；
· 引導讀者了解和掌握TCP/IP，營造一個安全的、使用放心的網(wǎng)絡環(huán)境。
性能優(yōu)化《Web性能權威指南》
推薦指數(shù)：☆☆☆☆
作者：[加]Ilya Grigorik 譯者：李松峰
本書由谷歌公司高性能團隊核心成員創(chuàng)作，堪稱實戰(zhàn)經(jīng)驗與規(guī)范解讀結合的產(chǎn)物，獲得IETF下一代HTTP協(xié)議工作組主席力薦。本書目標是涵蓋Web技術體系中應該掌握的所有網(wǎng)絡及性能優(yōu)化知識。本書主要內容有：
· 以性能優(yōu)化為主線，從TCP、UDP和TLS協(xié)議講起；
· 解釋了如何針對這幾種協(xié)議和基礎設施來優(yōu)化應用；
· 深入探討了無線和移動網(wǎng)絡的工作機制；
· 揭示了HTTP協(xié)議的底層細節(jié)；
· 同時詳細介紹了HTTP 2.0、 XHR、SSE、WebSocket、WebRTC和DataChannel等現(xiàn)代瀏覽器新增的具有革命性的新能力。
本書適合所有Web應用及站點開發(fā)人員閱讀，包括但不限于前端、后端、運維、大數(shù)據(jù)分析、UI/UX、存儲、視頻、實時消息，以及性能工程師。
前端框架當前，三大主流前端框架分別是React、Vue、Angular。
React 是一個采用聲明式，高效而且靈活的用來構建用戶界面的框架，另辟蹊徑提出了以組件化的形式重新構建頁面內容，將頁面的內容按特征分塊，然后將特定塊中的HTML、CSS、JS封裝在一起，最后用組件來構建頁面內容。
《深入React技術棧》
推薦指數(shù)：☆☆☆☆
作者：陳屹
本書從幾個維度去介紹 React：
· 一是作為 View 庫，它怎么實現(xiàn)組件化，以及它背后的實現(xiàn)原理；
· 二是擴展到 Flux 應用架構及重要的衍生品 Redux，它們怎么與 React 結合做應用開發(fā)；
· 三是對 React 與 server 的碰撞產(chǎn)生的一些思考；
· 四是講述它在可視化方面的優(yōu)勢與劣勢。
此外，本書非常重視實戰(zhàn)，每一節(jié)都有實際的例子，細節(jié)豐富，內容翔實，由淺入深，無論你是 React 初學者，還是進階人士，本書都值得一讀！本書適合有一定經(jīng)驗的前端開發(fā)人員閱讀。
Vue.js是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發(fā)的設計。Vue.js 自身不是一個全能框架——它只聚焦于視圖層，因此它非常容易學習，并很容易與其它庫或已有項目整合。
《深入淺出Vue.js》
推薦指數(shù)：☆☆☆☆
作者：劉博文
本書從源碼層面分析了Vue.js，主要內容有 ：
· 簡要介紹Vue.js；
· 講解內部核心技術"變化偵測"，帶領大家從0到1實現(xiàn)一個簡單的"變化偵測"系統(tǒng)；
· 介紹虛擬DOM技術，包括虛擬DOM的原理及其patching算法；
· 討論模板編譯技術，包括模板解析器的實現(xiàn)原理、優(yōu)化器的原理以及代碼生成器的原理；
· 介紹其整體架構以及提供給我們使用的各種API的內部原理，同時還介紹了生命周期、錯誤處理、指令系統(tǒng)與模板過濾器等功能的原理。
360奇舞團團長月影和《JavaScript高級程序設計》譯者李松峰作序推薦，適合前端開發(fā)人員閱讀。
Angular是一個用來構建大型應用，高性能的Web應用程序的框架；是一個完整的、從 UI、路由、Http、Socket到依賴注入、編譯、優(yōu)化、測試的框架。Angular上手起來有一定難度，但其工程屬性極強，非常適合多團隊的大型項目，一旦學會，優(yōu)勢很大。
《Angular權威教程》
推薦指數(shù)：☆☆☆☆
作者：[美]Ari Lerner [巴西]Felipe Coury [美]Nate Murray [巴西]Carlos Taborda 譯者：Nice Angular社區(qū)
· 本書堪稱Angular領域的里程碑式著作，幾乎涵蓋了關于Angular的所有內容；
· 對于沒有經(jīng)驗的人，本書平實、通俗的講解，遞進、嚴密的組織，可以讓人毫無壓力地登堂入室，迅速領悟新一代Web應用開發(fā)的精髓；
· 如果你有相關經(jīng)驗，那本書對Angular概念和技術細節(jié)的全面剖析，以及引人入勝、切中肯綮的講解，將幫助你徹底掌握這個框架，在自己職業(yè)技術修煉之路上更進一步。
掃描二維碼推送至手機訪問。
版權聲明：本文由信途科技轉載于網(wǎng)絡，如有侵權聯(lián)系站長刪除。
