購買商店

前端技術架構與工程

$352.00

內容描述

明確業務、架構與工程三者之間的關系是研究前端技術架構和工程化的基本前提：業務為核心出發點，架構聚焦於代碼，工程聚焦於流程。在此基礎之上，本書進一步剖析並明確架構與工程的子集與超集關系。從架構的角度分析一個完整Web項目在前端以及前後端協作層面需要考慮的各項技術要點和解決方案；在業務需求以及應用質量得到保障的基礎之上，進一步從工程的角度分析迭代流程中可能阻礙工作效率的各個環節和關鍵因素，並講解如何通過技術手段提升團隊的規範性和生產效率。

目錄大綱

第1章前端工程化1
1.1前端的時代意義2
1.2架構與工程9
1.3零散的前端架構12
1.4模糊的前端工程邊界14
1.5前端架構師的職責16
1.5.1技術架構16
1.5.2工程服務體系20
1.6總結23

第2章編程語言24
2.1 HTML 25
2.1.1 SSR 26
2.1.2 CSR 28
2.2 CSS 34
2.2.1從編程語言的角度思考CSS 37
2.2.2 LESS和PostCSS 40
2.2.3 CSS-in -JS 42
2.2.4 Houdini 45
2.3 JavaScript 46
2.3.1靜態類型48
2.3.2不可變性51
2.3.3異步編程53
2.4總結59

第3章技術規範61
3.1技術選型62
3.2資源管理65
3.2.1目錄結構66
3.2.2命名規範70
3.3編碼風格73
3.3.1 JavaScript的高性能與易讀性77
3.3.2 CSS編程範式與面向對象79
3.4總結85

第4章組件化87
4.1組件與模塊88
4.2 Web Components 93
4.2.1自定義元素94
4.2 .2 Shadow DOM 104
4.2.3 HTML template 109
4.3更友好的編碼方式115
4.3.1多文件組件116
4.3.2單文件組件120
4.4設計模式121
4.4.1重新思考DOM 122
4.4.2生命週期的設計藝術123
4.5總結124

第5章前後端分離125
5.1關注點分離126
5.2 SPA與路由管理129
5.2.1 Hash模式130
5.2.2 History模式136
5.3 Node.js中間層與同構編程138
5.3.1同構JavaScript 140
5.3.2 React同構方案141
5.4總結150

第6章性能151
6.1性能評估模型152
6.2從URL到圖像156
6.2.1網絡159
6.2.2渲染166
6.3內存管理170
6.3.1 GC算法171
6.3.2內存洩漏177
6.4極限運算性能180
6.5總結184

第7章工程思維與服務支撐185
7.1工程思維186
7.2開發支撐189
7.2.1腳手架190
7.2.2構建192
7.2.3 dev server 200
7.2.4源碼管理201
7.3測試支撐207
7.3.1測試模型208
7.3.2依賴注入213
7.3.3前後端集成214
7.4運維支撐215
7.4.1一鍵部署216
7.4.2日誌埋點217
7.4.3性能監控221
7.5總結222

第8章DevOps與Serverless 223
8.1 DevOps與敏捷開發224
8.1.1敏捷開發224
8.1.2 DevOps 228
8.2持續交付230
8.2.1持續集成230
8.2.2低風險發布234
8.3 Serverless與前端236
8.3.1 BFF 236
8.3.2 Serverless 239
8.4總結242