跨框架提昇開發高度：前端高級架構師應具備的思想及技能


	＊從「匠」到「師」的必經之路，前端產業技術快速昇華到架構師　　＊前端專案化管理工具，Webpack、Vite、npm、yarn。　　＊前端開發架構生態，AST、Babel生態　　＊核心框架原理及設計模式、深入了解各種node.js圍繞的框架：Vue、React 　　＊實戰設計前端架構，如行動端離線套件、編譯和建構、部署和發佈　　＊前端全鏈路，完整Node.js生態開發實戰　　本書包括五個部分，涵蓋30個主題。　　第一部分首先就是以npm和Yarn套件管理工具切入專案化主題，透過Webpack和Vite建構工具加深讀者對專案化的理解。深入介紹幾個極具代表性的工具的技術原理和演變過程。　　第二部分為現代前端開發架構生態，幫助讀者培養前端專案化基礎建設思想，這也是設計一個公共函式庫、主導一項技術方案的基礎知識。　　第三部分為核心框架原理及設計模式，探索經典程式的奧秘，體會設計模式和資料結構的藝術，帶領讀者結合業務實踐，思考優秀的設計思想如何在工作中實作。　　第四部分是前端架構設計實戰在這一部分中，我會一步一步帶領大家從0到1實現一個完整的應用專案或公共函式庫。這些專案實踐並不是社區上氾濫的Todo MVC，而是代表先進設計理念的現代化專案架構專案（比如設計實現前端+行動端離線套件方案）。　　第五部分前端全鏈路Node.js全端開發，帶大家設計並完成一個真正意義上的企業級閘道，其中涉及網路知識、Node.js 理論知識、許可權和代理知識等。帶大家研究並實現一個完善可靠的Node.js服務系統，涉及非同步訊息佇列、資料儲存，以及微服務等傳統後端知識。


	目錄第一部分前端專案化管理工具第1 章安裝機制及企業級部署私服原理 npm 內部機制與核心原理 npm 不完全指南 npm 多來源鏡像和企業級部署私服原理總結第2 章 Yarn 安裝理念及相依管理困境破解 Yarn 的安裝機制和背後思想破解相依管理困境總結第3 章 CI 環境下的npm 最佳化及專案化問題解析 CI 環境下的npm 最佳化更多專案化相關問題解析最佳實作建議總結第4 章主流建構工具的設計考量從Tooling.Report 中，我們能學到什麼總結第5 章 Vite 實現：原始程式分析與專案建構 Vite 的「從天而降」 Vite 實現原理解讀總結第二部分現代化前端開發和架構生態第6 章談談core-js 及polyfill 理念 core-js 專案一覽如何重複使用一個polyfill 尋找最佳的polyfill 方案總結第7 章整理混亂的Babel，拒絕編譯顯示出錯 Babel 是什麼 Babel Monorepo 架構套件解析 Babel 專案生態架構設計和分層理念總結第8 章前端工具鏈：統一標準化的babel-preset 從公共函式庫處理的問題，談如何做好「掃雷人」應用專案建構和公共函式庫建構的差異一個企業級公共函式庫的設計原則制定一個統一標準化的babel-preset 總結第9 章從0 到1 建構一個符合標準的公共函式庫實戰打造一個公共函式庫打造公共函式庫，支援script 標籤引入程式打造公共函式庫，支援Node.js 環境從開放原始碼函式庫總結生態設計總結第10 章程式拆分與隨選載入程式拆分與隨選載入的應用場景程式拆分與隨選載入技術的實現 Webpack 賦能程式拆分和隨選載入總結第11 章 Tree Shaking：移除JavaScript 上下文中的未引用程式 Tree Shaking 必會理論前端專案化生態和Tree Shaking 實踐總結第12 章理解AST 實現和編譯原理 AST 基礎知識 AST 實戰：實現一個簡易Tree Shaking 指令稿總結第13 章專案化思維：主題切換架構設計一個主題切換專案架構主題色切換架構實現總結第14 章解析Webpack 原始程式，實現工具建構 Webpack 的初心和奧秘手動實現打包器總結第15 章跨端解析小程式多端方案小程式多端方案概覽小程式多端——編譯時方案小程式多端——執行時期方案小程式多端——類React 風格的編譯時和執行時期結合方案小程式多端方案的最佳化總結第16 章從行動端跨平臺到Flutter 的技術變革行動端跨平臺技術原理和變遷 Flutter 新貴背後的技術變革總結第三部分核心框架原理與程式設計模式第17 章 axios：封裝一個結構清晰的Fetch 函式庫設計請求函式庫需要考慮哪些問題 axios 設計之美總結第18 章對比Koa 和Redux：解析前端中介軟體以Koa 為代表的Node.js 中介軟體設計對比Express，再談Koa 中介軟體 Redux 中介軟體設計和實現利用中介軟體思想，實現一個中介軟體化的Fetch 函式庫總結第19 章軟體開發的靈活性和訂製性設計模式函式思想總結第20 章理解前端中的物件導向思想實現new 沒有那麼容易如何優雅地實現繼承 jQuery 中的物件導向思想類別繼承和原型繼承的區別總結第21 章利用JavaScript 實現經典資料結構資料結構簡介堆疊和佇列鏈結串列（單向鏈結串列和雙向鏈結串列）樹圖總結第22 章剖析前端資料結構的應用場景堆疊和佇列的應用鏈結串列的應用樹的應用總結第四部分前端架構設計實戰第23 章 npm scripts：打造一體化建構和部署流程 npm scripts 是什麼 npm scripts 原理 npm scripts 使用技巧打造一個lucas-scripts 總結第24 章自動化程式檢查：剖析Lint 工具自動化Lint 工具 lucas-scripts 中的Lint 設定最佳實踐工具背後的技術原理和設計總結第25 章前端+ 行動端離線套件方案設計從流程圖型分析Hybrid 性能痛點相應最佳化策略離線套件方案的設計流程離線套件方案持續最佳化總結第26 章設計一個「萬能」的專案鷹架命令列工具的原理和實現從命令列工具到萬能鷹架總結第五部分前端全鏈路——Node.js 全端開發第27 章同構著色架構：實現SSR 應用實現一個簡易的SSR 應用 SSR 應用中容易忽略的細節總結第28 章性能守衛系統設計：完善CI/CD 流程性能守衛理論基礎 Lighthouse 原理介紹性能守衛系統Perf-patronus 總結第29 章打造閘道：改造企業級BFF 方案 BFF 閘道定義及優缺點整理打造BFF 閘道需要考慮的問題實現一個lucas-gateway 總結第30 章實現高可用：Puppeteer 實戰 Puppeteer 簡介和原理 Puppeteer 在SSR 中的應用 Puppeteer 在UI 測試中的應用 Puppeteer 結合Lighthouse 的應用場景透過Puppeteer 實現海報Node.js 服務總結