现代前端开发流程 | 青训营笔记

93 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天。今天总结的是由范文杰老师分享的现代前端开发流程,与我在大学课程中的软件工程课程有相当的联系,分享一些学习上的笔记如下。

总结

整个分享分为几大部分,比较系统的介绍了前端的开发流程。

  1. 前言
  2. 跨职能研发流程汇总
  3. 前端工程化
  4. 后语

跨职能研发流程

在流程框架的选择上,软件工程中没有绝对的对错标准,类似瀑布模型,螺旋模型等的考虑上,一般是要考虑是考虑是否符合当下场景,多数团队都是在不断工作中不断迭代优化最终得到一个最合适的流程框架。

首先基本整体上遵循:需求分析=>方案设计=>开发=>测试=>验收=>发布=>流程, 在实际的流程中,大量的“节点”与“开发”无关,在真实场景中也会有无数的状况,对应的就是软件工程中的风险管理(此处的风险管理,实际在学习中并没有掌握具体的管理,量化方法)

前端工程化

参与的具体流程如下:

  1. 参与方案评审与讨论
  2. 初始化项目
  3. 功能开发
  4. 集成与测试
  5. 发布
  6. 线上监控

具体措施

工欲善其事必先利其器,在前端工程化开发中便体现为脚手架工具。

在功能开发中,适当的配置和插件环境,有助于减少手动操作次数,提升团队研发效率。在软件工程中,体现为前期对团队人员,工具,管理方式等。在这些开发中,最首先要保证的就是安全问题,要保证产品不会出现敏感信息。

集成与测试,以及上线发布,有两种经典方法来进行有效测试。

  • 小流量部署:设置一个单独的发布环境,请求流量命中某些规则时,转发流量到此环境;
  • 灰度部署:同上,区别在转发流量到灰度空间(灰度空间又称泛空间。灰空间,也称泛空间。最早是由日本建筑师黑川纪章提出。其本意是指建筑与其外部环境之间的过渡空间,以达到室内外融和的目的,比如建筑入口的柱廊、檐下等。也可理解为建筑群周边的广场、绿地等。)

最后

总结,前端工程化并非一堆工具无意义的堆叠,而是围绕团队技术栈,根据需求,根据具体的研发规范,来完成前端开发工程