前端开发核心知识进阶：从夯实基础到突破瓶颈

图书标准信息

• 作者 侯策 著
• 出版社 电子工业出版社
• 出版时间 2020-09
• 版次 1
• ISBN 9787121389344
• 定价 139.00元
• 装帧 平装
• 开本 16开
• 页数 600页
• 字数 830.4千字

【内容简介】

本书共分8部分，涵盖33个主题，内容涉及JavaScript基础强化、JavaScript语言进阶、不可忽视的HTML和CSS、前端框架、前端工程化、性能优化、编程思维和算法、网络知识等，聚焦前端开发基础知识和进阶技能，关注前端工程化和体系化，结构清晰，循序渐进，深入浅出。在重构基础知识方面，本书将标准规范和实践代码相结合。在培养进阶技能方面，本书深度剖析了技术背后的原理和哲学。书中列举的项目设计案例涵盖了许多经典面试题目，不仅能帮助初级开发者夯实基础，还能为中、高级开发者突破瓶颈提供帮助和启发。

【作者简介】

侯策，曾先后就职于法国ENGIE集团、百度等国内外知名互联网企业，具有丰富的开发经验和团队管理经验。曾担任GIAC全球互联网架构大会演讲嘉宾，FDCon2019中国前端开发者千人峰会演讲嘉宾。著有《React状态管理与同构实战》一书。

【目录】

第一部分  JavaScript基础强化
01  一网打尽this，对执行上下文说Yes  2
this到底指向谁2
实战例题分析3
开放例题分析12
总结13
02  “老司机”也会在闭包上翻车  14
基本知识14
例题分析32
总结35
03  我们不背诵API，只实现API  36
jQuery offset方法实现36
数组reduce方法的实现40
实现compose方法的几种方案45
apply、bind进阶实现48
总结52
04  JavaScript高频考点及基础题库  53
JavaScript数据类型及其判断53
JavaScript数据类型及其转换57
JavaScript函数参数传递60
cannot read property of undefined问题解决方案61
type．js源码解读63
总结65

第二部分  JavaScript语言进阶
05  异步不可怕，“死记硬背”+实践拿下  68
异步流程初体验68
红绿灯任务控制74
请求图片进行预先加载76
setTimeout相关考查79
宏任务和微任务82
总结85
06  你以为我真的想让你手写Promise吗  86
从“Promise化”一个API谈起86
Promise初见雏形88
Promise实现状态完善91
Promise异步实现完善93
Promise细节完善97
Promise then的链式调用100
链式调用的初步实现101
链式调用的完善实现106
Promise穿透实现115
Promise静态方法和其他方法实现116
总结120
07  面向对象和原型DD永不过时的话题  121
实现new没有那么容易121
如何优雅地实现继承123
jQuery中的对象思想130
类继承和原型继承的区别133
面向对象在实战场景中的应用134
总结136
08  究竟该如何学习与时俱进的ES  137
添加新特性的必要性137
学习新特性的正确“姿势”139
新特性可以做些什么有趣的事141
Babel编译对代码做了什么145
总结150

第三部分  不可忽视的HTML和CSS
09  前端面试离不开的“面子工程” 152
如何理解HTML语义化152
BFC背后的布局问题155
通过多种方式实现居中162
总结167
10  进击的HTML和CSS  168
进击的HTML168
不可忽视的Web components171
移动端HTML5注意事项总结171
CSS变量和主题切换优雅实现174
CSS Modules理论和实战178
总结184
11  响应式布局和Bootstrap的实现分析  185
上帝视角DD响应式布局适配方案185
真实线上适配案例分析187
Bootstrap栅格实现思路192
横屏适配及其他细节问题194
面试题：%相对于谁195
深入：flex布局和传统布局的性能对比197
总结200

第四部分  前端框架
12  触类旁通多种框架  202
响应式框架基本原理202
模板编译原理介绍211
发布/订阅模式简单应用214
MVVM融会贯通215
揭秘虚拟DOM216
总结226
13  你真的懂React吗  227
神奇的JSX227
你真的了解异步的this．setState吗232
原生事件和React合成事件234
请不要再背诵diff算法了236
element diff的那些事儿237
加上key就一定“性能最优”吗238
总结239
14  揭秘React真谛：组件设计  240
单一职责没那么简单240
组件通信和封装246
组合性是灵魂248
副作用和（准）纯组件250
组件可测试性254
组件命名是意识和态度问题257
总结258
15  揭秘React真谛：数据状态管理  259
数据状态管理之痛259
Redux到底怎么用262
Redux的“罪与罚”268
我们到底需要怎样的数据状态管理270
总结272
16  React的现状与未来  273
React现状分析273
从React Component看React发展史274
颠覆性的React hook277
值得关注的其他React特性282
总结284
17  同构应用中你所忽略的细节  285
打包环境区分285
注水和脱水287
请求认证处理292
样式问题处理293
meta tags渲染295
404处理296
安全问题297
性能优化297
总结298
18  通过框架和类库，我们该学会什么  299
React和Vue：神仙打架299
新版本发布的思考302
从框架再谈基础304
总结304

第五部分  前端工程化
19  深入浅出模块化  306
模块化简单概念306
模块化发展历程307
ES原生时代314
未来趋势和思考316
总结318
20  webpack工程师和前端工程师  319
webpack到底将代码编译成了什么319
webpack工作基本原理327
探秘并编写webpack loader330
探秘并编写webpack plugin336
webpack和Rollup341
综合运用342
总结344
21  前端工程化背后的项目组织设计  345
大型前端项目的组织设计345
使用Lerna实现monorepo347
分析一个项目迁移案例350
依赖关系简介353
复杂依赖关系分析和处理354
使用yarn workspace管理依赖关系356
总结359
22  代码规范工具及技术设计  360
自动化工具巡礼360
工具背后的技术原理和设计367
自动化规范与团队建设376
总结378

第六部分  性能优化
23  性能监控和错误收集与上报  380
性能监控指标380
FMP的智能获取算法383
性能数据获取384
错误信息收集390
性能数据和错误信息上报401
无侵入和性能友好的方案设计404
总结405
24  如何解决性能优化问题  406
开放例题实战406
代码例题实战410
总结416
25  以React为例，谈谈框架和性能  417
框架的性能到底指什么417
React的虚拟DOM diff418
提升React应用性能的建议419
React性能设计亮点426
从Vue 3．0动静结合的Dom diff谈起427
总结436

第七部分  编程思维和算法
26  揭秘前端设计模式  438
设计模式到底是什么438
设计模式原则439
设计模式的3大类型和23种套路440
总结441
27  无处不在的数据结构  442
数据结构和学习方法概览442
栈和队列443
链表446
链表实现448
树454
图461
散列表（哈希表）467
散列表的实现472
总结474
28  古老又新潮的函数式  475
函数式和高质量函数475
柯里化分析479
偏函数485
总结488
29  那些年常考的前端算法  489
前端和算法489
算法的基本概念490
V8 引擎中排序方法的奥秘和演进491
快速排序和插入排序491
排序的稳定性498
Timsort实现499
实战500
算法学习513
总结518
30  分析一道常见面试题  519
题意分析519
思路与解答521
再谈流程控制和中间件523
总结534

第八部分  网络知识
31  缓存谁都懂，一问都发蒙  536
缓存概念与分类536
流程图538
缓存和浏览器操作539
缓存相关面试题目539
缓存实战540
实现一个验证缓存的轮子551
总结554
32  HTTP的深思  555
HTTP的诞生555
HTTP的现状和痛点555
HTTP 2．0未来已来557
从实时通信系统看HTTP发展559
相关深度面试题目560
总结561
33  不可忽视的前端安全：单页应用鉴权设计  562
单页应用鉴权简介562
单页应用鉴权实战565
采用Authentication cookie实现鉴权567
混合使用JWT和cookie进行鉴权568
总结571
结束语572