在这个课程中,我梳理了前端开发工作流程中和效率提升相关的知识点和案例,希望借此能帮你构筑一个系统性的前端效率知识体系,建立正确的问题解决思路,让你进行效率优化时有据可依。

课程共 24 篇,分别从开发效率、构建效率和部署效率 3 个维度来展开讲解。

  • 第一部分:开发效率。 开发是我们日常工作过程中最熟悉的部分。工欲善其事必先利其器,在这一模块,我会主要分析各种项目在开发过程中的效率提升点,例如在项目启动时如何选择和配置自定义脚手架、如何配置我们的开发联调环境等效率优化细节,还会介绍包括时下流行的云开发、无代码工具、低代码工具等提效新思路。希望你在学习之后,能够在未来的项目开发中自如地选择和搭建最适合自身的开发工具集。

  • 第二部分:构建效率。 如果说开发是我们日常投入最多的工作,那么等待构建结果就是日常耗费最多的非开发时间了。在这一模块,我会分析那些影响到 webpack 构建时间的关键因素,并详细分析对应的解决方案和工具。此外,我还会进一步讲解 webpack 5 中新的效率提升方案,并带你了解 no-bundle 类构建工具的优缺点。希望通过这些内容的学习,来帮助你建立完整的构建工具优化思路,进一步优化你的项目构建效率 , 最大程度消灭那些无谓的等待时间。

  • 第三部分:部署效率。 代码从构建到部署是前端能力的延伸。许多企业日常工作中的代码部署使用的是前后端通用的 CI/CD 系统,而前端开发人员在使用过程中较少能对其中的流程效率进行优化。在这一模块,我将介绍那些业界常用的 CI/CD 系统 ,并分析其中前端项目的效率优化点,以及从打包机方案到容器化方案、前端项目在部署时的注意点和优化空间。 希望学习完这部分内容,你能结合所在企业的技术特点,来打造或优化适合你前端项目的部署流程。

你将获得
全面、系统的效率工程化知识体系。我会带你系统学习相关知识,而不是碎片化获取,让你补全短板,提升个人技术实力。

对实际项目输出针对性优化方案的能力。正确的方法比努力更重要,有了正确的思路方法,才能在实际工作中快速定位症结、避免跑偏,避免把力气花在一些细枝末节上。

丰富的实战经验分享。我将从常用的开发效率提升工具讲到 webpack 底层的技术细节,再到部署工具中的效率优化分析,高度还原真实的业务场景,带你了解前端效率工程优化的全过程。

面试 Offer 收割利器。课程中的许多案例,都是前端工程化方向面试题的重灾区,我将指出容易被忽略的内容考点,让你既能在整体上对效率工程化有一个由点到面的认识,也能深入掌握关键的技术细节。

最后,前端效率工程化涉及前端日常工作的各个环节,90% 的复杂度都藏匿在冰山之下,也因此很多人在解决效率问题时 “只见树木,不见森林”,希望这个专栏可以帮你建立上帝视角,让你体会到“哦,原来效率优化还有这些方面!”的感觉。

单点问题的解决往往只关注当下,但系统化的解决方案,有助于增长你的长期价值。希望这个课程能够让你有新的启发,也希望你在留言区和我说说你的成长与困惑,与众人一起前行。