万字前端效率大提速系列 🚀

作为一名开发同学，如果我们想在工作中做出亮点，掌握更多的话语权。可以从产品、项目的角度出发，做一个懂业务、有目的、懂商业价值的开发。

学习系统设计能很好的提升我们的工程能力，让我们“俯瞰”项目，自顶向下的思考，合理规划和分配资源，帮助我们把控大局。

什么是测试驱动开发？TDD不仅仅是一门技术，更是一种可持续变更产品的实践。成熟的自动化测试系统能快速验证已有的功能，显著降低产品迭代的成本；还能帮助我们提升代码质量；来看看怎么实践吧

工作中我们需要解决各类卡顿、缓慢、白屏问题，优化产品用户体验。本篇会根据几种常见的场景，提供前端性能优化的思路和方案

前端监控是个大工程，最终形态是个精密、完整、自动化的后台系统。本篇带大家认识一个完善的监控系统能做些什么事，大家再根据团队及需求打造符合自身业务场景的监控系统，丰俭由人。

工作中我们需要用 Git 进行代码管理、版本控制、团队协作；需要用 Shell 运行命令行工具、控制服务器；本篇从基础到实践带大家一起学习 Git 和 Shell

项目开发完之后，就该把项目部署到服务器上了。我们需要提供足够的部署信息才能顺利上线。这里从部署工具来了解部署准备和部署过程

上一篇简单介绍了怎么编写一个接口，在编写接口的时候，我们会用到例如 MySQL、Redis、Postman等工具。这里介绍一下他们的功能和简单使用方式

我们的头衔是 Web 前端开发工程师，也就是 Web 开发的子集。掌握后端开发知识、计算机网络知识对工作中的问题排查、协作交流帮助非常大。下面从一个超常见的面试题开始了解：

本篇主要介绍 NodeJS 能做些什么，介绍它的社区生态和应用场景。在前端开发的日常工具链中怎样把它用好。介绍我们的重要的好伙伴webpack的相关知识和实践。

工欲善其事，必先利其器，熟练使用使用各类工具可以大大提高工作效率。由于这些工具都非常强大复杂，这里举出常用的功能，以及他们能做哪些你或许没想到的事情。操作可以根据具体功能搜索对应的图文教程。

围绕这两者产生的社区及生态是当下前端的两大体系，仁者见仁智者见智，这里抛出我自己的观点供大家参考总结。

前端的同学肯定最熟悉这哥仨了，但是随着React和Vue的普及，很多本是理应了解的知识也逐渐变得陌生，本篇也以“知道什么能让我效率提升”为出发点做一个汇总

这里的通用能力指互联网开发工程师的通用能力，日常开发工作我认为包含两大部分：1、需求理解；2、代码产出；3、团队协作。以下列举的能力无一不是对日常开发效率有提升的。

笔者从事前端开发五年，发现每个初中级前端小伙伴的知识都比较零散，在这里把兜箱底的知识汇总一下。知识会围绕“知道哪些，我能做的更快，我为什么要知道这些”而不是大而全的知识字典，希望大家能多摸鱼，早回家。