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