在工程化思維進入前端領(lǐng)域的幾年內(nèi)，前端社區(qū)一直在試圖給前端工程化下一個精確的定義。人們喜歡從歷史講起，然后將視角延伸到時代背景下的宏觀技術(shù)理論，最后聚焦到自身業(yè)務(wù)的工程實踐。在這個過程中，從第一步過渡到第二步的歷程中能夠提取出具有普適性的指導(dǎo)思想，寬泛地講就是規(guī)范化、工具化、自動化；而發(fā)展到第三步的時候難免會帶入一些只適合自身業(yè)務(wù)特征的方法論和實踐模式。一部分聲音認為這些狹隘的理論屬于功能解決方案，脫離了前端工程化的范疇，但其實這恰恰是工程最基本且最核心的出發(fā)點：一切以業(yè)務(wù)為基準(zhǔn)。
在對前端工程化進行討論和研究之前，一定要擺脫“前端工程化是一種新技術(shù)”的錯誤認識，前端是軟件開發(fā)的一個細化分支，前端工程化本質(zhì)上是軟件工程理論在前端范疇內(nèi)的具象實踐。方法、工具和過程是軟件工程也是前端工程化的三要素，方法面向編碼和功能解決方案；工具的根本目的是降低時間成本以提高效率；過程追求高效、有序的工作流程，它是一個抽象的概念，具體到實施中則是方法和工具的綜合體。一切編碼方案均是為了解決業(yè)務(wù)的功能需求，在此基礎(chǔ)之上以分治和聚合為基本原則設(shè)計合理的軟件架構(gòu)，最后進一步規(guī)范工作流程和產(chǎn)品發(fā)布策略，這便是工程化的理論模型�？偨Y(jié)為一句話：以業(yè)務(wù)為出發(fā)點，架構(gòu)聚焦于代碼，工程聚焦于流程。
內(nèi)容概覽
本書所有內(nèi)容遵循一個基本出發(fā)點：業(yè)務(wù)是架構(gòu)和工程的核心。
第1章圍繞上述基本出發(fā)點講解前端自誕生至今在不同時代背景下的意義以及業(yè)務(wù)特征，進而引申出架構(gòu)和工程的子集與超集的關(guān)系。然后在此基礎(chǔ)之上探討前端工程化在架構(gòu)以及架構(gòu)之外的困難之處和核心關(guān)注點。
第2章在前端單一的編程語言基礎(chǔ)上，從技術(shù)選型、輔助工具、實現(xiàn)方案以及架構(gòu)模式的角度思考和探索如何更合理地應(yīng)用HTML、JavaScript、CSS。
第3章聚焦于編碼和架構(gòu)這些“硬實力”之外的“軟實力”—技術(shù)規(guī)范。除去所有編程領(lǐng)域的一些普適規(guī)則（比如技術(shù)選型、目錄規(guī)范和命名規(guī)范），由于前端的特殊性，有些技術(shù)規(guī)范并不僅僅是為了提高代碼的可維護性，它們還兼具了架構(gòu)層面上的設(shè)計考慮，比如JavaScript在性能與易讀性之間的抉擇、CSS的編程范式等。
第4章介紹實現(xiàn)前端組件化的Web Components技術(shù)，以及通過開發(fā)合理的工具打造更友好的編碼方式。然后從生命周期和宿主環(huán)境兩個角度介紹前端組件設(shè)計模式。
第5章描述了兩種常見的前后端分離架構(gòu)模型：SPA和同構(gòu)編程。前者是最普遍、實施成本最低、最極端的分離模式，但對SEO的弱支持導(dǎo)致其并非適用于所有產(chǎn)品類型；而后者則與前者相反，對SEO的良好支持背后是昂貴的實施成本和學(xué)習(xí)成本，同時對技術(shù)選型有一定的限制。探討兩者的綜合優(yōu)劣性時必須結(jié)合具體的產(chǎn)品需求。
第6章以前端應(yīng)用的性能評估模型為前提，剖析加載和執(zhí)行過程中影響性能的各項因素（包括網(wǎng)絡(luò)、渲染和內(nèi)存管理）以及對應(yīng)的優(yōu)化策略。最后探索綜合運用Web Worker、WebAssembly甚至WebGPU，以發(fā)揮出瀏覽器的極限運算能力。
第7章將一個完整的迭代流程拆分為開發(fā)、測試、部署和發(fā)布，然后討論在傳統(tǒng)開發(fā)模式下前端如何從開發(fā)、測試和運維層面進行工程優(yōu)化，其中包含高效的工具、合理的規(guī)范以及嚴(yán)謹?shù)闹贫取?br /> 第8章在第7章描述的前端工程服務(wù)體系的前提之下，探討在目前的技術(shù)背景下，前端工程化在本地化的基礎(chǔ)上進一步演進的方向（DevOps）以及目標(biāo)（持續(xù)交付）。最后，在本書的末尾對繼AJAX和Node.js之后可能引起第三次前端革命的Serverless進行了展望。
讀者對象
本書內(nèi)容并非告訴讀者如何實現(xiàn)具體的業(yè)務(wù)需求，所舉示例也只是為了輔助理解相關(guān)內(nèi)容背后的思想和理念。換句話說，本書不是教讀者怎么編碼的，而是從宏觀角度講解了如何實現(xiàn)高可用、高性能、可擴展的軟件架構(gòu)，以及高效、規(guī)范、有序的工作流程，所以本書的主要目標(biāo)讀者是有多年一線編碼經(jīng)驗、充分理解Web整體架構(gòu)并且具有一定的團隊管理和多人協(xié)作經(jīng)驗的資深前端開發(fā)者和技術(shù)經(jīng)理。
資源鏈接
本書所有示例的源代碼均可以訪問http://www.broadview.com.cn/38061進行下載。書中提供的額外參考資料也可從上述網(wǎng)站下載，如正文中標(biāo)有參見“鏈接1”“鏈接2”等字樣時，即可從上述網(wǎng)站下載的“參考資料.pdf”文件中進行查詢。
致謝
本書的寫作和出版得到了許多同事、朋友和家人的支持和幫助。本書中的很多技術(shù)細節(jié)得到了我的同事和領(lǐng)導(dǎo)的指正。感謝電子工業(yè)出版社的付睿編輯和審校人員對本書的策劃和編審，他們是本書出版背后的重要功臣。此外，本書的寫作占用了我很多業(yè)余時間，感謝我的妻子劉女士在此期間對我的理解、包容和支持。
謹以此書獻給我的妻子和父母。
《前端工程化系列》叢書
本書是《前端工程化系列》叢書之一，從宏觀角度講解前端技術(shù)架構(gòu)和工程的各項關(guān)注點。與本系列另一本圖書《前端工程化：體系設(shè)計與實踐》不同的是，本書對于前端工程服務(wù)體系的講解側(cè)重方法論和指導(dǎo)思想，并未深入具體實現(xiàn)的每一行代碼。如果在將此部分理念應(yīng)用于實踐的過程中遇到問題，或許同時參閱兩本書能夠獲取更全面的答案。