正版 前端开发必知必会:从工程核心到前沿实战 侯跃伟 电子工业

第1章 前端开发核心及Deno Web实战 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规范 20
1.3.1 ES2021规范 21
1.3.2 ES2020规范 23
1.3.3 ES2019规范 27
1.3.4 ES2018规范 28
1.3.5 ES2017规范 29
1.4 Deno Web实战 30
1.4.1 加载第三方包 36
1.4.2 创建服务器 36
1.4.3 Deno Web开发 37

第2章 前端工程化核心与构建工具实战 40
2.1 前端工程化概述 40
2.2 脚手架的实现方式 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函数和tearDown函数 67
2.5.4 mock函数 68
2.5.5 测试覆盖率 72
2.6 前端文档 73
2.7 构建工具实战 78
2.7.1 “经典”Webpack 5的新特性 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.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 异步加载规范 147
3.4.1 前端模块规范：AMD和RequireJS 147
3.4.2 前端模块规范：CMD和SeaJS 149
3.4.3 前端模块规范：UMD 151
3.4.4 前端模块规范：ES6 module 152
3.4.5 前端模块规范：CommonJS 153
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.2 JavaScript代码优化建议 189
4.4.3 Webpack优化建议 199
4.4.4 使用HTTP/2 207
4.4.5 使用WebSocket 210

第5章 实战：从0开发微前端和WebAssembly 213
5.1 以天气为例实战PWA应用 213
5.2 基于single-spa的微前端实战 222
5.3 在Docker中部署前端应用 236
5.4 用WebAssembly提高前端性能 245
5.4.1 WebAssembly概述 245
5.4.2 WebAssembly案例 248

侯跃伟 混迹前端多年，经历从前端的混沌初开、野蛮生长到前端的专业化开发。长期专注前端模块化开发、工程化实践和性能优化，长期关注框架React和Vue的实践。关注ECMAScript规范，有Java项目实践经验。同时对Docker、Go语言有浓厚的兴趣。
个人网站(http://www.houyuewei.cn),GitHub(https://github.com/houyaowei)。
微信公众号：开发365。

基础知识，包含Babel 7、ES2017-2021 规范、Deno、脚手架等。构建工具：Webpack 5、Vite、Rollup、Parcel 。6种常用设计模式、V8 引擎、宏任务与微任务、异步加载规范和函数式编程、性能优化等。前沿技术：微前端、WebAssembly。
要想学习前端工程化，就必须掌握模块化、组件化、规范化、高性能和自动化这5 个方面。在本书中对前端工程化的大部分内容都有涉及。模块化见第3章，包括ES6、AMD、CMD、UMD等；规范化见前3章，包括ES规范、脚手架、函数式编程、前端文档等；高性能见第3、4章，包括前端优化策略、V8引擎等。自动化见第2章，主要指构建工具，包括Webpack、Vite、Rollup、Parcel等。
除此之外，《前端开发必知必会：从工程核心到前沿实战》还以微前端、Deno 为主题精心设计了实战的内容。
近年来前端技术发展迅速，前端生态非常繁荣，同时也非常混乱，有太多的作品需要鉴别、学习。而大部分前端开发人员并非科班出身，在轻松踏入前端领域后，很快在开发技能和项目管理上遇到瓶颈，这点我深有体会。与其他技术图书相比，本书并没有长篇大论地讲JavaScript语法、类库API之类的知识，书中内容都是作者多年开发经验的积累与总结，并以广阔的视角阐述了前端开发人员需要掌握的专业知识，同时使用工程化的方式培养编程习惯、提升开发效率，适合前端开发人员和项目管理者参考。
韩露杰滴滴出行高级前端开发工程师
侯跃伟是我8年前的同事，他扎实的技能一直带领我们团队前进。如今看到这本书的问世由衷地替他开心。
本书深入浅出，理论和实践完美结合。从构建工程、性能优化再到前沿技术面面俱到，Web开发人员不能错过。
李聪玲华为Web开发工程师、Discovery项目经理 以前读过很多前端方面的书，有实战性的、理论性的，也有字典式查阅性的。这是一本对于前端开发人员来说能够提升技术能力的实操性图书，书中实例不仅操作简单，而且容易理解。阅读本书能感觉到作者在前端领域广阔的知识面和深厚的技术功底，值得从事前端的码农们深入阅读，以夯实基础、突破瓶颈。
Tulip奥博杰天前端负责人 跃伟的这本书对于刚步入前端职场的新人非常有帮助。这本书以前端工程化和拓展前端视野为两条主线。在前端工程化部分，书中对于各项技术的描述清晰明了，比如在构建部分详细介绍了常用的4项技术等；在前端视野部分，处于职业初期对技术成长路线还不清晰的读者，可以从中找到一些答案。
郑修月京东科技Web开发工程师

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

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