前端開發(fā)必知必會：從工程核心到前沿實戰(zhàn)

第1章 前端開發(fā)核心及Deno Web實戰(zhàn) 1
1.1 前端中的“大管家”package.json文件 1
1.1.1 生成package.json文件 2
1.1.2 name字段 3
1.1.3 version字段 4
1.1.4 OS配置和CPU配置 8
1.2 前端中的編譯工具Babel 7 10
1.2.1 Babel中的4種配置文件 11
1.2.2 Babel的工作過程 13
1.2.3 @babel/polyfill插件 18
1.2.4 @babel/runtime插件和@babel/plugin-transform-runtime插件 19
1.2.5 preset配置 20
1.3 ES規(guī)范 20
1.3.1 ES2021規(guī)范 21
1.3.2 ES2020規(guī)范 23
1.3.3 ES2019規(guī)范 27
1.3.4 ES2018規(guī)范 28
1.3.5 ES2017規(guī)范 29
1.4 Deno Web實戰(zhàn) 30
1.4.1 加載第三方包 36
1.4.2 創(chuàng)建服務器 36
1.4.3 Deno Web開發(fā) 37
第2章 前端工程化核心與構建工具實戰(zhàn) 40
2.1 前端工程化概述 40
2.2 腳手架的實現(xiàn)方式 41
2.2.1 渲染過程 49
2.2.2 下載依賴 49
2.3 自動化部署 51
2.4 配置負載均衡Nginx 54
2.4.1 正向代理和反向代理 55
2.4.2 配置Nginx 55
2.4.3 配置反向代理 57
2.4.4 開啟gzip壓縮 58
2.4.5 支持WebSocket 58
2.4.6 圖片防盜配置 59
2.5 Jest測試核心 60
2.5.1 Jest測試的基本功能 61
2.5.2 運行測試用例 62
2.5.3 setUp函數(shù)和tearDown函數(shù) 67
2.5.4 mock函數(shù) 68
2.5.5 測試覆蓋率 72
2.6 前端文檔 73
2.7 構建工具實戰(zhàn) 78
2.7.1 “經(jīng)典”Webpack 5的新特性 78
2.7.2 “新秀”Vite構建實戰(zhàn) 92
2.7.3 小巧的Rollup實戰(zhàn) 99
2.7.4 零配置的Parcel實戰(zhàn) 104
第3章 前端核心模塊的設計與實現(xiàn) 110
3.1 常用設計模式介紹 110
3.1.1 狀態(tài)模式 110
3.1.2 策略模式 114
3.1.3 適配器模式 117
3.1.4 觀察者模式 121
3.1.5 代理模式 126
3.1.6 裝飾者模式 128
3.2 V8引擎 131
3.2.1 WebKit的架構 132
3.2.2 隱藏類 134
3.2.3 對象在內存中的表示 135
3.2.4 內存管理 137
3.3 宏任務和微任務 138
3.4 異步加載規(guī)范 147
3.4.1 前端模塊規(guī)范：AMD和RequireJS 147
3.4.2 前端模塊規(guī)范：CMD和SeaJS 149
3.4.3 前端模塊規(guī)范：UMD 151
3.4.4 前端模塊規(guī)范：ES6 module 152
3.4.5 前端模塊規(guī)范：CommonJS 153
3.5 函數(shù)式編程入門 154
3.5.1 引子 155
3.5.2 函數(shù)式編程的優(yōu)點 156
3.5.3 函數(shù)式編程的基礎 157
3.6 實戰(zhàn)：狀態(tài)原理解析 160
第4章 性能優(yōu)化指南 167
4.1 瀏覽器的運行機制 167
4.2 瀏覽器的緩存機制 176
4.3 性能分析 179
4.4 前端優(yōu)化策略 186
4.4.1 圖片優(yōu)化和DOM優(yōu)化建議 186
4.4.2 JavaScript代碼優(yōu)化建議 189
4.4.3 Webpack優(yōu)化建議 199
4.4.4 使用HTTP/2 207
4.4.5 使用WebSocket 210
第5章 實戰(zhàn)：從0開發(fā)微前端和WebAssembly 213
5.1 以天氣為例實戰(zhàn)PWA應用 213
5.2 基于single-spa的微前端實戰(zhàn) 222
5.3 在Docker中部署前端應用 236
5.4 用WebAssembly提高前端性能 245
5.4.1 WebAssembly概述 245
5.4.2 WebAssembly案例 248