頂級網站技術長高度：前端工程進階大師指南


	BAT資深面試官親自帶你走一遍前端開發大道！前端開發已進入化境階段，Javascript/HTML/CSS只是個開始， React/Vue/Angular絕不是結束，想要精進要先打底，本書幫你建立最紮實的基礎。　　▌偏重實戰、深入淺出 ▌ 　　本書是一本偏重實戰的進階圖書，如果你已經學會了JavaScript的基本知識，但對於如何開發大型專案束手無策，那麼本書將非常適合你。　　本書深入淺出，從基礎的JavaScript語言特性入手，抽絲剝繭，直指前端物件導向開發的技術困難；再從流行架構切入時下的前端工程實作，既有CSS經驗之談，也有效能偵錯與前端演算法理論進階。另外，作者豐富的開發經驗又指定了此書強烈的技術前瞻性。　　作者選取了許多經典的前端面試問題加以分析，小至語言細節，大至工程實作，不僅有趣，而且充滿真知灼見。　　適合讀者　　本書適合不同階段的前端工程師閱讀。無論是剛入門的初級開發者，還是經驗豐富的高級工程師，相信都能從本書中獲得新的思考。


	目錄第一部分 JavaScript 基礎強化 01 一網打盡this，對執行上下文說Yes this 到底指向誰實戰例題分析開放例題分析歸納 02 「老司機」也會在閉包上翻車基礎例題分析歸納 03 我們不背誦API，只實現API jQuery offset 方法實現陣列reduce 方法的實現實現compose 方法的幾種方案 apply、bind 進階實現歸納 04 JavaScript 高頻考點及基礎題庫 JavaScript 資料類型及其判斷 JavaScript 資料類型及其轉換 JavaScript 函數參數傳遞 cannot read property of undefined 問題解決方案 type.js 原始程式解讀歸納第二部分 JavaScript 語言進階 05 非同步不可怕，「死記硬背」+ 實作拿下非同步流程初體驗紅綠燈任務控制請求圖片進行預先載入 setTimeout 相關考驗巨任務和微任務歸納 06 你以為我真的想讓你手寫Promise 嗎從「Promise 化」一個API 談起 Promise 初見雛形 Promise 實現狀態增強 Promise 非同步實現增強 Promise 細節增強 Promise then 的鏈式呼叫鏈式呼叫的初步實現鏈式呼叫的增強實現 Promise 穿透實現 Promise 靜態方法和其他方法實現歸納 07 物件導向和原型——永不過時的話題實現new 沒有那麼容易如何優雅地實現繼承 jQuery 中的物件思想類別繼承和原型繼承的區別物件導向在實戰場景中的應用歸納 08 究竟該如何學習與時俱進的ES 增加新特性的必要性學習新特性的正確「姿勢」新特性可以做些什麼有趣的事 Babel 編譯對程式做了什麼歸納第三部分不可忽視的HTML 和CSS 09 前端面試離不開的「面子工程」如何了解HTML 語義化 BFC 背後的版面配置問題透過多種方式實現置中歸納 10 進擊的HTML 和CSS 進擊的HTML 不可忽視的Web components 行動端HTML5 注意事項歸納 CSS 變數和主題切換優雅實現 CSS Modules 理論和實戰歸納 11 響應式版面配置和Bootstrap的實現分析上帝角度—響應式版面配置轉換方案真實線上轉換案例分析 Bootstrap 光柵實現想法橫向螢幕轉換及其他細節問題面試題：% 相對於誰深入：flex 版面配置和傳統版面配置的效能比較歸納第四部分前端架構 12 觸類旁通多種架構響應式架構基本原理範本編譯原理介紹發佈/ 訂閱模式簡單應用 MVVM 融會貫通揭秘虛擬DOM 歸納 13 你真的懂React 嗎神奇的JSX 你真的了解非同步的this.setState嗎原生事件和React 合成事件請不要再背誦diff 演算法了 element diff 的那些事加上key 就一定「效能最佳」嗎歸納 14 揭秘React 真諦：元件設計單一職責沒那麼簡單元件通訊和封裝組合性是靈魂副作用和（準）純元件元件可測試性元件命名是意識和態度問題歸納 15 揭秘React 真諦：資料狀態管理資料狀態管理之痛 Redux 到底怎麼用 Redux 的「罪與罰」我們到底需要怎樣的資料狀態管理歸納 16 React 的現狀與未來 React 現狀分析從React Component 看React 發展史顛覆性的React hook 值得關注的其他React 特性歸納 17 同構應用中你所忽略的細節包裝環境區分注水和脫水請求認證處理樣式問題處理 meta tags 繪製 404 處理安全問題效能最佳化歸納 18 透過架構和類別庫，我們該學會什麼 React 和Vue：神仙打架新版本發佈的思考從架構再談基礎歸納第五部分前端專案化 19 深入淺出模組化模組化簡單概念模組化發展歷程 ES 原生時代未來趨勢和思考歸納 20 webpack 工程師和前端工程師 webpack 到底將程式編譯成了什麼 webpack 工作基本原理探秘並撰寫webpack loader 探秘並撰寫webpack plugin webpack 和Rollup 綜合運用歸納 21 前端專案化背後的專案小組織設計大型前端專案的組織設計使用Lerna 實現monorepo 分析一個專案遷移案例依賴關係簡介複雜依賴關係分析和處理使用yarn workspace 管理依賴關係歸納 22 程式標準工具及技術設計自動化工具巡禮工具背後的技術原理和設計自動化標準與團隊建設歸納第六部分效能最佳化 23 效能監控和錯誤收集與上報效能監控指標 FMP 的智慧獲取演算法效能資料取得錯誤訊息收集效能資料和錯誤訊息上報無侵入和效能人性化的方案設計歸納 24 如何解決效能最佳化問題開放例題實戰程式例題實戰歸納 25 以React 為例，談談架構和效能架構的效能到底指什麼 React 的虛擬DOM diff 提升React 應用效能的建議 React 效能設計亮點從Vue 3.0 動靜結合的Dom diff談起歸納第七部分程式設計思維和演算法 26 揭秘前端設計模式設計模式到底是什麼. 設計模式原則設計模式的3 大類型和23種策略歸納 27 無處不在的資料結構資料結構和學習方法概覽堆疊和佇列鏈結串列鏈結串列實現樹圖雜湊表雜湊表的實現歸納 28 古老又新潮的函數式函數式和高品質函數柯里化分析偏函數歸納 29 那些年常考的前端演算法前端和演算法演算法的基本概念 V8 引擎中排序方法的奧秘和演進快速排序和插入排序排序的穩定性 Timsort 實現實戰演算法學習歸納 30 分析一道常見面試題題意分析想法與解答再談流程控制和中介軟體歸納第八部分網路知識 31 快取誰都懂，一問都發呆快取概念與分類流程圖快取和瀏覽器操作快取相關面試題目快取實戰實現一個驗證快取的輪子歸納 32 HTTP 的深思 HTTP 的誕生 HTTP 的現狀和痛點 HTTP 2.0 的未來已經到來從即時通訊系統看HTTP 發展相關深度面試題目歸納 33 不可忽視的前端安全：單頁應用驗證設計單頁應用驗證簡介單頁應用驗證實戰採用Authentication cookie實現驗證混合使用JWT 和cookie進行驗證歸納 A 結束語融入社區自我修養寫在最後