買這商品的人也買了...
-
無瑕的程式碼-敏捷軟體開發技巧守則 + 番外篇-專業程式設計師的生存之道 (雙書合購)$940$700 -
$207測試架構師修煉之道 : 從測試工程師到測試架構師 -
UX策略|設計讓人夢寐以求的創新數位產品 (UX Strategy: How to Devise Innovative Digital Products that People Want)$480$379 -
$352前端工程化:體系設計與實踐 -
無瑕的程式碼-整潔的軟體設計與架構篇 (Clean Architecture: A Craftsman's Guide to Software Structure and Design)$580$452 -
$403App 架構師實踐指南 -
一次搞懂熱門前端框架 - React、Vue.js、Angular、Backbone.js、Aurelia$620$527 -
Web API 建構與設計 (Designing Web APIs: Building APIs That Developers Love)$480$379 -
領域驅動設計:軟體核心複雜度的解決方法 (Domain-Driven Design: Tackling Complexity in the Heart of Software)$680$530 -
前端架構:從入門到微前端$474$450 -
Working Effectively with Legacy Code : 管理、修改、重構遺留程式碼的藝術 (中文版)$720$562 -
Webpack:卓效 Web 前端開發建置工具強能技術 (舊名: JS 高手昇華之路:Webpack 是唯一的捷徑)$580$493 -
邁向 Linux 工程師之路:Superuser 一定要懂的技術與運用, 2/e (How Linux Works: What Every Superuser Should Know, 2/e)$600$468 -
高品質軟體文件|持續分享技術與知識 (Living Documentation: Continuous Knowledge Sharing by Design)$680$537 -
金魚都能懂的 CSS 選取器:金魚都能懂了你還怕學不會嗎(iT邦幫忙鐵人賽系列書)$560$437 -
軟件測試核心技術 從理論到實踐$414$393 -
$862React 全家桶 : 前端開發與實例詳解 (Fullstack React: The Complete Guide to ReactJS and Friends) -
軟體架構原理|工程方法 (Fundamentals of Software Architecture: A Comprehensive Guide to Patterns, Characteristics, and Best Practices)$680$537 -
Kent Beck 的測試驅動開發:案例導向的逐步解決之道 (Test-Driven Development: By Example)(TDD)$560$437 -
重新認識 Vue.js:008天絕對看不完的 Vue.js 3 指南$600$468 -
頂級網站技術長高度:前端工程進階大師指南$880$695 -
$401萬億級流量轉發:BFE核心技術與實現 -
TypeScript 邁向專家之路:零基礎 JavaScript 打通 Angular、React 與 Vue.js 前端框架實戰 (Essential TypeScript: From Beginner to Pro)$880$695 -
$454前端工程質量保障體系實踐 -
DevOps 七步大法 - Docker 硬功夫實戰容器$880$695
相關主題
商品描述
明確業務、架構與工程三者之間的關系是研究前端技術架構和工程化的基本前提:業務為核心出發點,架構聚焦於代碼,工程聚焦於流程。在此基礎之上,本書進一步剖析並明確架構與工程的子集與超集關系。從架構的角度分析一個完整Web項目在前端以及前後端協作層面需要考慮的各項技術要點和解決方案;在業務需求以及應用質量得到保障的基礎之上,進一步從工程的角度分析疊代流程中可能阻礙工作效率的各個環節和關鍵因素,並講解如何通過技術手段提升團隊的規範性和生產效率。
作者簡介
周俊鵬,前端工程師,現就職於騰訊,曾就職於優酷、搜狗等因特網企業。擁有多年一線前端開發和架構設計經驗,做過大眾的Web網站,也做過小眾的SVG Charts;做過宏觀到跨棧的前端工程化,也做過微觀到像素的WebGL編程。目前專註於前端圖形編程、工程化和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
