作者介绍

前端林叔，哈工大本硕连读，曾就职于百度，高级前端工程师。10余年互联网工作经验，做过产品经理、全栈工程师，后专注于前端开发，对多种开发语言及技术栈都有一定的认识及应用，开源库vue-office作者。

近几年每年保持10万+行编码量，积累大量一线编程经验，注重编码质量，在团队中积极参与Cr并发表大量评论，日常喜欢阅读编程经典书籍，钻研编程方法论，致力于提升前端工程师的编码水平。

小册介绍

前端从业人员大多非计算机科班出身，通过自学或者培训学习了前端开发语言、各种框架和工具，但是却很少有途径去学习如何编写高质量的代码，这就造成了能写出代码却不会写代码的尴尬情况发生，也因为如此，前端开发者的代码质量经常被人吐槽，处在IT技术”鄙视链”的最底端。

在一些前端开发者的认知里往往只有HTML、CSS、JavaScript、Vue、React、Webpack...，他们也能完成一些业务功能的开发，但是却不知道如何更优雅地组织代码，真的成了只会用代码这块"砖头"去砌墙，却不知如何用代码去建造一个精美城堡的"码农"。

目前市面上也有一些编程相关的书籍，但是大部分都是面向后端开发人员的，无论是内容还是示例语言，对前端开发者来说都很不友好，很难把握书籍中的精髓，更不用说将这些理念迁移到前端开发当中了。

本小册不介绍JavaScript的任何语法以及前端开发的任何工具，而是重点讲解如何写出高价值、易维护的高质量前端代码。

本小册从解决前端编程中的最佳实践开始，逐渐引出提升前端编程水平所需的三个关键能力，即编程能力、产品交互设计能力和学习能力。在每个能力模型的介绍中，不是单纯的枯燥说教，而是通过作者多年前端开发中的真实案例，深入浅出地将这些抽象原则、思维模型、方法论介绍给大家，相信通过这种方式，大家也能更加快速地将学到的小册内容应用到自己的实际项目开发中，提升研发效率和质量，真正做到学以致用。

你会学到什么？

本小册内容共分为四大部分：

1. 前端编程中的最佳实践：如何划分项目目录，如何封装网络请求、表单和组件，面向对象和设计模式在前端如何应用，前端是否需要做单测和设计，代码维护不动的原因和解决方案
2. 提升编程能力：写出好代码的指导原则，提升代码的可读性、复用性、正交性、扩展性、鲁棒性的方法，优秀程序员的底层思维模型
3. 提升产品交互能力：如何提高产品sense，做好前端交互的10大原则，简化产品交互的4大策略，Web管理系统的常见交互注意事项
4. 提升学习能力：如何规划自己的前端学习路线，如何更加高效地学习，快速提升的7个好习惯

适宜人群

希望写出高质量代码的初、中、高级前端开发者。