侯策，硕士毕业于法国国立高等电信学校。曾任职于BePATlENT集团，负责互联网+医疗平台的研发。曾任职于法国能源和苏伊士集团，参与欧洲天然气运输和费用系统的研发。2015年回国加入百度知识搜索部，负责多个产品线的大型技术迭代。行业之外是一名国家二级运动员（足球项目），曾组织过赴北非撒哈拉地区看望孤儿等慈善活动。

第一部分 JavaScript基础强化
01 一网打尽this，对执行上下文说Yes　　\t
this到底指向谁\t
实战例题分析\t
开放例题分析\t
总结\t
02 “老司机”也会在闭包上翻车　　\t
基本知识\t
例题分析\t
总结\t
03 我们不背诵API，只实现API　　\t
jQuery offset方法实现\t
数组reduce方法的实现\t
实现compose方法的几种方案\t
apply、bind进阶实现\t
总结\t
04 JavaScript高频考点及基础题库　　\t
JavaScript数据类型及其判断\t
JavaScript数据类型及其转换\t
JavaScript函数参数传递\t
cannot read property of undefined问题解决方案\t
type.js源码解读\t
总结\t
第二部分 JavaScript语言进阶
05 异步不可怕，“死记硬背”+实践拿下　　\t
异步流程初体验\t
红绿灯任务控制\t
请求图片进行预先加载\t
setTimeout相关考查\t
宏任务和微任务\t
总结\t
06 你以为我真的想让你手写Promise吗　　\t
从“Promise化”一个API谈起\t
Promise初见雏形\t
Promise实现状态完善\t
Promise异步实现完善\t
Promise细节完善\t
Promise then的链式调用\t
链式调用的初步实现\t
链式调用的完善实现\t
Promise穿透实现\t
Promise静态方法和其他方法实现\t
总结\t
07 面向对象和原型——永不过时的话题　　\t
实现new没有那么容易\t
如何优雅地实现继承\t
jQuery中的对象思想\t
类继承和原型继承的区别\t
面向对象在实战场景中的应用\t
总结\t
08 究竟该如何学习与时俱进的ES　　\t
添加新特性的必要性\t
学习新特性的正确“姿势”\t
新特性可以做些什么有趣的事\t
Babel编译对代码做了什么\t
总结\t
第三部分 不可忽视的HTML和CSS
09 前端面试离不开的“面子工程”　\t
如何理解HTML语义化\t
BFC背后的布局问题\t
通过多种方式实现居中\t
总结\t
10 进击的HTML和CSS　　\t
进击的HTML\t
不可忽视的Web components\t
移动端HTML5注意事项总结\t
CSS变量和主题切换优雅实现\t
CSS Modules理论和实战\t
总结\t
11 响应式布局和Bootstrap的实现分析　　\t
上帝视角——响应式布局适配方案\t
真实线上适配案例分析\t
Bootstrap栅格实现思路\t
横屏适配及其他细节问题\t
面试题：%相对于谁\t
深入：flex布局和传统布局的性能对比\t
总结\t
第四部分 前端框架
12 触类旁通多种框架　　\t
响应式框架基本原理\t
模板编译原理介绍\t
发布/订阅模式简单应用\t
MVVM融会贯通\t
揭秘虚拟DOM\t
总结\t
13 你真的懂React吗　　\t
神奇的JSX\t
你真的了解异步的this.setState吗\t
原生事件和React合成事件\t
请不要再背诵diff算法了\t
element diff的那些事儿\t
加上key就一定“性能最优”吗\t
总结\t
14 揭秘React真谛：组件设计　　\t
单一职责没那么简单\t
组件通信和封装\t
组合性是灵魂\t
副作用和（准）纯组件\t
组件可测试性\t
组件命名是意识和态度问题\t
总结\t
15 揭秘React真谛：数据状态管理　　\t
数据状态管理之痛\t
Redux到底怎么用\t
Redux的“罪与罚”\t
我们到底需要怎样的数据状态管理\t
总结\t
16 React的现状与未来　　\t
React现状分析\t
从React Component看React发展史\t
颠覆性的React hook\t
值得关注的其他React特性\t
总结\t
17 同构应用中你所忽略的细节　　\t
打包环境区分\t
注水和脱水\t
请求认证处理\t
样式问题处理\t
meta tags渲染\t
404处理\t
安全问题\t
性能优化\t
总结\t
18 通过框架和类库，我们该学会什么　　\t
React和Vue：神仙打架\t
新版本发布的思考\t
从框架再谈基础\t
总结\t
第五部分 前端工程化
19 深入浅出模块化　　\t
模块化简单概念\t
模块化发展历程\t
ES原生时代\t
未来趋势和思考\t
总结\t
20 webpack工程师和前端工程师　　\t
webpack到底将代码编译成了什么\t
webpack工作基本原理\t
探秘并编写webpack loader\t
探秘并编写webpack plugin\t
webpack和Rollup\t
综合运用\t
总结\t
21 前端工程化背后的项目组织设计　　\t
大型前端项目的组织设计\t
使用Lerna实现monorepo\t
分析一个项目迁移案例\t
依赖关系简介\t
复杂依赖关系分析和处理\t
使用yarn workspace管理依赖关系\t
总结\t
22 代码规范工具及技术设计　　\t
自动化工具巡礼\t
工具背后的技术原理和设计\t
自动化规范与团队建设\t
总结\t
第六部分 性能优化
23 性能监控和错误收集与上报　　\t
性能监控指标\t
FMP的智能获取算法\t
性能数据获取\t
错误信息收集\t
性能数据和错误信息上报\t
无侵入和性能友好的方案设计\t
总结\t
24 如何解决性能优化问题　　\t
开放例题实战\t
代码例题实战\t
总结\t
25 以React为例，谈谈框架和性能　　\t
框架的性能到底指什么\t
React的虚拟DOM diff\t
提升React应用性能的建议\t
React性能设计亮点\t
从Vue 3.0 动静结合的Dom diff谈起
总结\t
第七部分 编程思维和算法
26 揭秘前端设计模式　　\t
设计模式到底是什么\t
设计模式原则\t
设计模式的3大类型和23种套路\t
总结\t
27 无处不在的数据结构　　\t
数据结构和学习方法概

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