vlambda博客
学习文章列表

本文作者 侯策，曾先后就职于法国ENGIE集团、百度等国内外知名互联网企业，具有丰富的开发经验和团队管理经验。曾担任GIAC全球互联网架构大会演讲嘉宾，FDCon2019中国前端开发者千人峰会演讲嘉宾。著有《React状态管理与同构实战》一书。新书《前端开发核心知识进阶：从夯实基础到突破瓶颈》现已上市。

日本作家村上春树写过一本富有哲理的书——《当我谈跑步时我谈些什么》。

在书中，他谈到，跑步跟写作一样，都需要坚毅隐忍，追逐超越；都需要心无杂念，持之以恒。全书落笔之处，没有浮华旖旎，而是将迷惘、失败和挣扎娓娓道来。

这本书名义上是在谈跑步，实际却是作者在个人创作低潮时期对突破进行的不断思考。仔细想来，这样的思考对于一位工程师也至关重要。

前端领域，入门相对简单，可是想要“更上一层楼”却难上加难，市场上的高级/资深前端工程师凤毛麟角。这当然未必是坏事，一旦突破瓶颈，在技能上脱颖而出，便能拥有更广阔的空间。

那么，如何从夯实基础到突破瓶颈呢？

下面就来讨论一下，当前端工程师需要进阶时，应该学些什么。

说到进阶，我想先谈一谈我们每个人内心的焦虑和迷茫，正视这种情绪是学习的第一步。

对于每一个追求进步的人来说，瓶颈期总会在各个阶段“如约而至”。早在战国时期，庄子在《庖丁解牛》中就说：“吾生也有涯，而知也无涯。以有涯随无涯，殆已！已而为知者，殆而已矣！”

而如今，在这个信息爆炸的时代，信息量呈几何级数增长，知识似乎唾手可得。那么该学什么，到底该怎么学，学完之后又该做什么？大部分人都会在知识面前焦虑、迷茫。

同样，具有一定工作经验的工程师也面临着很多疑虑。

这些疑虑对前端工程师来说貌似来得更加猛烈：前端技术发展备受瞩目，前端工程师变得越发重要的背后是相关技术的不断进步和更新迭代。

因此，我们比以往任何时候都更需要主动学习。但据我观察，目前网络上的学习资料往往存在以下两个问题。

技术进阶是一个系统、曲折的过程。每个学习者所接触的知识内容和其背后的原理构成了他的思维方式。短期速成的内容或大量碎片化的知识很难帮助我们进行深度思考。

坦白来说，我也是这些“学习资料”的搜集者，如果没有系统且有针对性的学习和反复刻意的练习，那么结果就是，以为收藏的是知识，其实收藏的是“知道”；以为掌握了知识，其实只是囤积了一堆“知道”。

我想把自己在海外和BAT工作多年积累的经验分享给大家，也想把长时间以来收藏的“干货”梳理一遍，系统整理输出，和大家一起提高。因此，《前端开发核心知识进阶：从夯实基础到突破瓶颈》这本书就诞生了。

爱因斯坦说过：“只是学习他人的智慧并不足够，你需要自己想明白才行。花时间记录、通盘考虑和深入思考你学到的东西。”

海伦·凯勒说过：“知识使人进步，而智慧使人得道。”

希望本书不仅详述了“知识”，更能体现编程“智慧”，让所有读者朋友一起思考，一起进步。那么这本书究竟有什么特色呢？我想一边聊聊前端开发的发展，一边说说本书的聚焦点。

前端三大方向 JavaScript、CSS、 HTML 的背后是无尽的碎片化场景。前端是最贴近用户的“战线”，它的基因决定了它需要处理各式各样的情况。同时，无论是跨平台还是语言特性，都让开发者感到迷茫。

目前，我们正在经历所谓的“资本寒冬”，不管是大厂、二线公司还是创业团队，“优化人员结构”的新闻层出不穷。但是据我观察，“高级前端工程师”的招聘需求却“逆流而上”，具备高水平和丰富经验的开发者无论何时都备受追捧。因此，磨炼技能、积累项目经验将是所有前端工程师的核心诉求。

“且夫水之积也不厚，则其负大舟也无力”——基础的重要性无须多言，这对于前端开发也不例外。本部分将介绍JavaScript语言中的关键基础内容。因为JavaScript语言的灵活特性，这些基础内容既是重点，也是难点。这些内容包括：JavaScript中的 this 指向问题、闭包问题、关键 API、高频考点等。事实上，这些内容将不仅决定你的面试表现，还能直接影响你日后的进阶和发展。

牢固的基础知识，是进阶路上的基石。本部分将从JavaScript异步特性理论与操作、Promise的理解和实现、面向对象和原型知识、ES的发展进化等内容入手，带领大家强化难点。同时我们会通过大量实例，加深读者对知识点的理解，帮助读者融会贯通。

翻过 JavaScript 的大山，也许你会觉得学习HTML和CSS能相对轻松一些，但关于HTML和CSS 的知识仍然“不可忽视”。即使它们不是面试和工作中的“拦路虎”，也是至关重要的内容。本部分，我们不会系统且全面地介绍HTML和CSS 的相关知识点，而是会启发式地从一些细节入手，“管中窥豹”，介绍应该如何学习这些内容，并介绍响应式布局和Bootstrap的实现。

本部分将介绍前端框架方面的知识，以 React 为主分析框架对前端而言到底意味着什么，以及我们应该如何学习 React。事实上，对 React 的学习不能只停留在“会用”的层面，学习其组件设计和数据状态管理对于培养编程思维也非常有益，有利于学习者从更高的层面看待问题。同时，我们也会对比 Vue 框架，探讨前端框架的“前世今生”。

资深程序员永远逃不开的重点工作之一就是“基础构建”和“项目架构构建”。本部分将从模块化谈起，结合 webpack、Lerna 等工具，为大家还原一个真实的“基建”场景，深入项目组织设计，并落实代码规范工具设计。

性能优化是理论和实践相结合的重要话题。本部分将介绍大量重要的性能优化知识点，如性能监控、错误收集与上报等，同时将结合项目实例和React来探讨性能优化问题。阅读本部分之前，大家需要了解缓存策略、浏览器渲染的特点、JavaScript 异步单线程对性能的影响、网络传输知识等内容，同时也要具备一些实践经验，如用 Chrome devtool 分析火焰图、编写并运行出准确的benchmark等。

前端开发离不开编程基础，良好的编程思维、基本的算法知识，可以说是每一位工程师所必须具备的。本部分将用 JavaScript 来描述多种设计模式，手把手教大家用JavaScript处理各种数据结构，并强化对一些常考前端算法的理解和掌握。

本部分将重点强化网络知识，包括缓存、超文本传输协议（HTTP）、前端安全等。作为一名前端开发者，不了解互联网传输的奥秘、不清楚网络细节是很难进阶的。网络知识关联着性能优化、前后端协作等核心环节，对于每一位工程师而言都十分重要。

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

侯策 著

（扫码了解本书详情）

留言送书

留言点赞数最高，送！

“在看”送书（必须是我好友）

点击文末“在看”，送！

扫码参数抽奖，送！

开奖时间

2020.10.27 00:00:00