前端开发必知必会 从工程核心到前沿实战

"要想学习前端工程化，就必须掌握模块化、组件化、规范化、高性能和自动化这5 个方面。在本书中对前端工程化的大部分内容都有涉及。模块化见第3章，包括ES6、AMD、CMD、UMD等；规范化见前3章，包括ES规范、脚手架、函数式编程、前端文档等；高性能见第3、4章，包括前端优化策略、V8引擎等。自动化见第2章，主要指构建工具，包括Webpack、Vite、Rollup、Parcel等。 除此之外，《前端开发必知必会：从工程核心到前沿实战》还以微前端、Deno 为主题精心设计了实战的内容。"

本书共5 章。第1、2 章系统介绍前端工程化的核心知识，包括Babel 7、ES 规范、Deno 开发入门、脚手架、自动化部署、Nginx、Jest 测试、Webpack 5、Vite、Rollup、Parcel 等。第3、4 章着重介绍前端架构的核心思想，包括前端核心模块的6 种常用设计模式、V8 引擎、宏任务与微任务、异步加载规范和函数式编程等。第5 章通过实战详细介绍如何从0 开发微前端和WebAssembly，帮助前端人员开拓视野。 本书系统介绍了前端开发的工程核心及前沿实战。相信无论是初级开发人员，还是具有丰富经验的中高级开发人员都能从本书中找到需要的内容，都能从阅读本书中有所收获。

第1章前端开发核心及DenoWeb实战1
1.1前端中的“大管家”package.json文件1
1.1.1生成package.json文件2
1.1.2name字段3
1.1.3version字段4
1.1.4OS配置和CPU配置8
1.2前端中的编译工具Babel710
1.2.1Babel中的4种配置文件11
1.2.2Babel的工作过程13
1.2.3@babel/polyfill插件18
1.2.4@babel/runtime插件和@babel/plugin-transform-runtime插件19
1.2.5preset配置20
1.3ES规范20
1.3.1ES2021规范21
1.3.2ES2020规范23
1.3.3ES2019规范27
1.3.4ES2018规范28
1.3.5ES2017规范29
1.4DenoWeb实战30
1.4.1加载第三方包36
1.4.2创建服务器36
1.4.3DenoWeb开发37
第2章前端工程化核心与构建工具实战40
2.1前端工程化概述40
2.2脚手架的实现方式41
2.2.1渲染过程49
2.2.2下载依赖49
2.3自动化部署51
2.4配置负载均衡Nginx54
2.4.1正向代理和反向代理55
2.4.2配置Nginx55
2.4.3配置反向代理57
2.4.4开启gzip压缩58
2.4.5支持WebSocket58
2.4.6图片防盗配置59
2.5Jest测试核心60
2.5.1Jest测试的基本功能61
2.5.2运行测试用例62
2.5.3setUp函数和tearDown函数67
2.5.4mock函数68
2.5.5测试覆盖率72
2.6前端文档73
2.7构建工具实战78
2.7.1“经典”Webpack5的新特性78
2.7.2“新秀”Vite构建实战92
2.7.3小巧的Rollup实战99
2.7.4零配置的Parcel实战104
第3章前端核心模块的设计与实现110
3.1常用设计模式介绍110
3.1.1状态模式110
3.1.2策略模式114
3.1.3适配器模式117
3.1.4观察者模式121
3.1.5代理模式126
3.1.6装饰者模式128
3.2V8引擎131
3.2.1WebKit的架构132
3.2.2隐藏类134
3.2.3对象在内存中的表示135
3.2.4内存管理137
3.3宏任务和微任务138
3.4异步加载规范147
3.4.1前端模块规范：AMD和RequireJS147
3.4.2前端模块规范：CMD和SeaJS149
3.4.3前端模块规范：UMD151
3.4.4前端模块规范：ES6module152
3.4.5前端模块规范：CommonJS153
3.5函数式编程入门154
3.5.1引子155
3.5.2函数式编程的优点156
3.5.3函数式编程的基础157
3.6实战：状态原理解析160
第4章性能优化指南167
4.1浏览器的运行机制167
4.2浏览器的缓存机制176
4.3性能分析179
4.4前端优化策略186
4.4.1图片优化和DOM优化建议186
4.4.2JavaScript代码优化建议189
4.4.3Webpack优化建议199
4.4.4使用HTTP/2207
4.4.5使用WebSocket210
第5章实战：从0开发微前端和WebAssembly213
5.1以天气为例实战PWA应用213
5.2基于single-spa的微前端实战222
5.3在Docker中部署前端应用236
5.4用WebAssembly提高前端性能245
5.4.1WebAssembly概述245
5.4.2WebAssembly案例248