专栏亮点

• 展示解决碎片化问题的最佳实践：前端是最贴近用户的战线，背后是无尽的碎片化场景；除了剖析理论，我们更加注重经验指导和最佳实践，让你不再感到迷茫

• 穿插大量经典面试例题：涵盖 BAT 面试官的「私房题」和「经典题」，以及业界热点讨论的「开放题」

• 构建更真实的开发场景：通过大量代码设计模式、函数式、源码分析、组件设计和封装、开源库解读、项目代码组织等内容，手把手带领大家查阅 issue、changelog，直击实践中的高频痛点

• 带你征服前端大航海时代：重视语言基础和底层原理，同时介绍更先进的开发技术，从服务端渲染、HTTP 3.0、到构建 monorepo 项目，再到框架演进和虚拟 DOM

如何突破前端工程师的瓶颈？

前端技术发展备受瞩目，前端工程师变得越发重要的背后是相关技术的不断扩张和更新换代。

• 我该如何避免相似的工作做三年，而不是具备了三年的工作经验？
• 我该如何从繁杂而千篇一律的业务需求中提炼技术点并总结提高？
• 我该如何为团队带来更大的价值，体现经验能力？

我们前端工程师比以往任何时候都更需要主动学习。但目前网络上的学习资料往往存在以下两个问题：

• 过于碎片化，这类知识某种程度上只能成为缓解焦虑的精神鸦片
• 追求短平快，大牛经验、快速搞定“面经题目”，渐渐演变成为跳槽加薪的兴奋剂

本专栏作者侯策通过将自己在海外和 BAT 服务多年积累的经验提炼整理，同时把长时间以来收藏的 「干货」系统性输出，来打造一个不仅详述「知识」，更能让学习者掌握编程「智慧」的专栏。

打铁还需自身硬

优化人员结构（裁员）的新闻层出不穷。但高级前端工程师的招聘需求却逆流而上，具备高水平和经验的开发者无论在任何时候都备受追捧。

为了真正帮助大家突破瓶颈，让读者感到「物有所值」。作者在专栏中穿插了大量经典面试例题，其中既包括作者作为 BAT 面试官的「私房题」，又涵盖作者作为面试者遇见的「经典题」，以及业界前辈讨论过的「开放题」。

从开发菜鸟到资深工程师，除了主观能动性以外，成长过程中的一大瓶颈在于「不是每个人都能有机会接触到好项目」。这里的「好项目」是指类似项目重构、类库迁移、复杂应用设计、疑难 bug 定位等对开发者基础和设计能力有高要求的项目。

在本专栏中，作者插入了大量代码设计模式、函数式、源码分析、组件设计和封装、开源库解读、项目代码组织等内容，还会手把手带领大家查阅 issue、changelog，从社区中汲取精华。构建更为真实的开发场景，直击实践中的高频痛点。

专栏简介 —— 8 部分 36 个主题 50 篇

• 第一部分：JavaScript 基础强化（第 2~7 篇）

  第二部分：JavaScript 语言进阶（第 8~13 篇）

  第三部分：不可忽视的 HTML 和 CSS（第 14~16 篇）

  其中前三部分介绍 JavaScript、 HTML、CSS ，对于一些热点、重点话题，比如“this 指向”、“闭包、作用域、执行上下文”，以及一些高频考察点进行了深入分析；对面向对象、原型与原型链、异步这些内容进行强化，从实现的角度，结合具体实例分析 Promise；结合 ES Next，从 ES 的发展来看语言的演进。

• 第四部分：前端框架（第 17~23 篇）

  接下来进入了前端框架部分，我们以 React 为主，分析框架对前端到底意味着什么，以及我们应该如何学习 React。事实上，对 React 的学习，不能只停留在“会用”的层面，其设计原理和思想演进，对于培养编程思维非常有益，也有利于学习者能从更高的角度看待问题。

• 第五部分：前端工程化（第 24~31 篇）

  资深程序员永远逃不开的工作之一就是“基础构建”、“项目架构”。前端工程化部分我们从代码组织谈起，从规范实施谈起，结合 webpack、Lerna 等工具，为大家还原一个真实的“基建”场景，共同探索学习。

• 第六部分：性能优化（第 32~37 篇）

  性能优化是理论和实践相结合的重要话题。

  我们需要大量理论知识：明白缓存策略，了解浏览器渲染特点，清楚 JavaScript 异步单线程对性能意味着什么，还要了解网络传输知识，等等。我们也需要大量实践经验：用得了 Chrome Devtool 分析火焰图，跑得出准确的 benchmark，知道防抖和节流的区别，懂得资源合并、拆分的利弊，了解业界最新性能优化方案，等等。

  这一部分，我们除了介绍重要大量知识点外，也会结合代码/项目实例来展开。

• 第七部分：编程思维和算法（第 38~45 篇）

  前端开发离不开编程基础，培养良好的编程思维，了解基本的算法知识，是每一个工程师所必须具备的。在这一部分，我们用 JavaScript 来描述多种设计模式，设计模式并不是纸上谈兵，实实在在地存在于我们的业务代码当中；手把手带大家用 JavaScript 处理各种数据，说到底前端还是处理数据，展示 UI；当然更少不了对一些常见算法的强化。

• 第八部分：网络知识（第 46~50 篇）

  作为一名前端开发者，不了解互联网传输的奥秘，不清楚网络细节是难以进阶的。网络知识关联着性能优化、前后端协作等核心环节，因此这一部分我们将重点强化网络基础。

• 结束语：软技巧

  学习进步离不开社区的力量，“授人予鱼不如授人予渔”。在专栏的最后，我会讲述我的学习方法：如何投身到社区当中，与广大开发者一起讨论；如何阅读前人的经典思想，站在巨人的肩上看得更远；如何解读开源库，从中汲取养分；如何在面试和述职当中，正确地表达汇报……

适宜人群

• 初中级前端开发者

• 渴望了解前端知识整体脉络的开发者

• 渴望掌握大厂面试题的前端面试者

订阅须知

• 本专栏为图文内容，共计 51 篇。
• 本专栏为虚拟产品，一经付费概不退款，敬请谅解。
• 本专栏可在 GitChat 服务号、App 及网页端 gitbook.cn 上购买，一端购买，多端阅读。

订阅福利

• 订购本专栏可获得专属海报（在 GitChat 服务号领取），分享专属海报每成功邀请一位好友购买，即可获得 25% 的返现奖励，多邀多得，上不封顶，立即提现。
• 提现流程：在 GitChat 服务号中点击「我-我的邀请-提现」。
• 订阅本专栏后，服务号会自动弹出入群二维码和暗号。如果你没有收到那就先关注微信服务号「GitChat」，或者加我们的小助手「Linmicc」咨询。（入群方式可查看第 4 篇文末说明）。