前言
PREFACE

互聯網時代，前端無處不在。本書主要針對想進入前端開發行業及已在前端圈工作想進一步提高技能而系統地學習前端知識體系的讀者設置，扎實的理論基礎+豐富的實戰案例+大廠規范+全局架構思維+復雜企業項目，系統培養大廠P7技術專家和中小廠前端領導者。

前端工程師的成長之路離不開扎實的技能、實踐項目的經驗積累、不斷總結與全新的架構思想。前端技術的研究已是一種趨勢，它已經成形，這也就是這本書真正的意義。項目實戰貫穿全書，幫助前端工程師提升企業級實踐技能。

全書共分為5個階段，共18章。每個階段的連貫性不強，讀者可根據自己的需求有選擇地閱讀。

第一階段　走進前端之HTML5+CSS3（第1～6章）：內容涉及大前端概述、HTML、CSS、H5、CSS3新特性和小米官網項目。

第二階段　探索JavaScript的奧秘（第7、8章）：內容涉及JavaScript從入門到高級的全面講解。

第三階段　PC端整棧開發（第9～11章）：內容涉及jQuery框架、Bootstrap框架及藍莓派音樂社區項目。

第四階段　ES6+Node.js+工程化（第12～14章）：內容涉及ES6語法、Node.js開發、工程化工具Webpack的使用。

第五階段　Vue技術棧（第15～18章）：內容涉及Vue核心基礎、Vue企業化實戰項目。

互聯網上不缺學習資料，但是大部分資料不全面、不系統，往往對初學者不友好，而本書剛好就可以解決這些問題，相信讀者能從書中收獲良多。本書的概貌如下頁圖所示。針對大前端學習的溫馨提示：

（1）前端學習以培養興趣為主，不要過于追求深層理解。

（2）前端學習不能靠死記硬背，要多編寫代碼、多做項目。

（3）不要急于求成，踏實積累才是硬道理。

本書的講解理念如下圖所示。

讀者定位

初、中級前端開發者，渴望了解前端知識整體脈絡的程序員及希望突破瓶頸進一步提升的工程師。

配套教學資源

（1）開發參考手冊、面試題。

（2）一套完整的教學精簡版PPT。

（3）資料（素材、思維導圖）及源程序。

（4）3個企業級實戰項目的視頻講解。

本書特色

采用工程化和體系化的設計思想，以循序漸進和深入淺出的方式系統地講解前端知識。在重構基礎知識方面，本書將標準規范和實踐代碼相結合。在培養進階技能方面，本書深度剖析了技術背后的原理。書中設計了很多經典綜合實戰案例，不僅能幫助初級開發者夯實基礎，還能為中、高級開發者突破瓶頸提供幫助和啟發。3個企業級項目帶領讀者入門，助力讀者職場晉升；幫助讀者快速提升技能，勇闖江湖！

（1）思維導圖引導學習。

（2）扎實的理論基礎+豐富的實戰案例+大廠規范+全局架構思維+復雜企業項目。

（3）書中包含了作者大量的實踐經驗，將知識系統化，濃縮為精華，用通俗易懂的語言直指前端開發者的痛點。

本書勘誤

由于編者水平有限，書中難免存在疏漏，誠懇地希望讀者批評指正，同時也十分歡迎廣大讀者給予寶貴建議。

致謝

感謝清華大學出版社趙佳霓編輯一直以來給予的幫助和支持，并提出很多中肯的建議。同時，還要感謝清華大學出版社的所有編審人員為本書的出版所付出的辛勤勞動。本書的成功出版是大家共同努力的結果，謝謝大家。

編者

2023年1月