大厂前端日常窥探「壹」:企业级软件开发流程长啥样?(下)

简介: 大厂前端日常窥探「壹」:企业级软件开发流程长啥样?


5

编码 Coding

这部分是咱技术人员最熟悉的,平时我写的文章也多半都在这部分,所以就不多说了,跳过。



6

联调 Intergrated Debug

联调分两种,个人多模块联调多人集成联调

前者常见的问题就是在全栈开发中,同一个人需要涉及多个端或多个仓库的同时开发,尤其是在MonoRepo盛行的当下,多模块调试方法很重要,直接影响你的开发舒适度。

后者更为传统,主要矛盾就是多人之间的协同和依赖冲突问题。

小团队在这块的痛点可能并不多,毕竟人少,也不需要协同,需求来了一把梭,干就完了。

image.png

当团队规模增大后,协作痛点就凸显出来了,比如:

1. 你的代码总是和别人产生冲突,解决起来贼费劲。

2. 你尚未验收的代码被人“带”上了线。

3. 前后端协议变更后没有相互通知,导致程序Bug。

4. 多人并行开发不同需求,相互覆盖彼此的联调环境。

5. 前后端进度不一致,你等我来我等你,就像牛郎和织女。

问题当然不止这些,只是简单举几个例子,说明下联调这一块的问题和挑战其实也是不小的,团队越大,挑战越大。当然了,这些问题早就有相应的各种解决方案,感兴趣的留言告诉我。



7

测试 Testing

测试这个话题就更大了,简单聊聊吧。
早期互联网蛮荒时代,测试人员是很吃香的,薪酬待遇也很高,因为他们非常重要!公司愿意花很多钱专门养一个测试团队,给他们配置各种高中低端的终端设备,想方设法的给业务代码找Bug。在研发同学眼里,客户都不算是爸爸,测试才是真爸爸!在团队里地位非常高。研发同学甚至不怕代码Bug多,就怕被测试人员发现Bug。

你正写着代码唱着歌呢,突然飘出一个弹窗 “某某测试人员刚给你提了一个Bug单,请尽快处理“,或者直接在群里@你,噼里啪啦一顿发Bug图,那种心情,就像是「正在和对象你侬我侬的时候被人一脚踢开门,让你出去扫一下门口的垃圾」,经历过的人都懂。

不过,测试人员的好日子没过几年,前端死不死我不知道,测试岗是真死了(倒也没有死绝,只是岗位需求不多了)。

当然了,这并不是意味着测试不重要了,恰恰相反,测试依然非常重要,甚至比编码本身都重要。只不过,随着Devops的发展,代码质量保证工作迅速的左移了,通过一系列自动化工具,完全融入了软件工程的全生命周期里。

image.png

说点好玩的,随着AI技术的发展,越来越多人开始用大模型来帮助review自己的代码,测试自己的软件了,这绝对是一个有意思的尝试。



8

CR - Code Review

说到Code Review,又让我想起我那篇火爆「掘金」的水文:

我发现大家伙很喜欢讨论这个话题,评论区里各种晒自己遇到的劣质代码,我的技术群里也是,每次聊起CR,群里就沸腾了:



从上面的现象也可以看出来,Code Review在软件开发周期里极其重要,你可以选择跳过这个环节,但是你的队友也因此需要承担这份跳过的代价。

所以如果你是一个团队管理者,你要做的第一件事,就是把Code Review严格执行起来,否则你就是在造孽。

至于什么样的代码才是好代码,这其实就是「代码可读性」(Readability)的话题了,后面找机会给大家介绍一下鹅厂是怎么玩这个Readability的,要知道,鹅厂为此还专门搞了个培训和考试体系出来,虽说这个行为在司内广为诟病,但是对代码质量的治理效果还是显而易见的。



9

CICD - Continuous Integration / Deployment

CICD,就是「持续集成」和「持续部署」,属于研发工作流(Work Flow)自动化中最为重要的一个环节。

在我刚入行的时候,那个刀耕火种的时代,根本没有CICD,代码都是自己在本地用一系列脚本(Grunt,Gulp,Bower等)进行构建:混淆(mixin),编译简化(minify),打包等等,然后把压缩包人肉上传到服务器上,解压运行。
早已习惯了CICD的新生代程序员们,是无法体会那种原始行为的酸爽的。整个过程非常冗长繁杂,和编码无关,但每一步操作都极其高危且不稳定,但凡漏了一个文件,或者少了一个步骤,就会产生线上故障,提桶跑路。

而且以前每个团队还会专门设置一个运维岗,这个同学专门为大家负责维护服务器的部署,扩缩容等常规性事务。

也就是在这样的大背景下,Devops应运而生,带着CICD工具链干掉了一个个人肉环节,同时也干掉了一个个运维人员,主打一个降本增效

研发编码人员只需要负责写好自己的代码,剩下的事情就交给CICD一条龙服务了,不可谓不爽!



10

验收 Acceptance

验收,是最容易产生撕逼的环节。通常情况下,都是需求提出人来验收功能,而验收人员的素质决定了有多大概率会出现流血事件。一个不合格的验收人,往往事前啥也没准备,一上来就把玩你的成果,然后给你提一堆的「体验问题」,更过分的,则是直接给你提Bug单。你要问了,不该提Bug吗?该!但是你首先要搞清楚你提的是一个Bug,还是一个Feature。这,就是研发人员和验收人员常常撕得面红耳赤的源头。那么究竟什么才是Bug,什么算是Feature,什么又是优化呢?验收用例说了算。

一个优秀的验收人(通常是产品经理),应该在需求提出时,编码开始前,就制定好一系列验收用例,然后拉研发同学一起过用例评审。这就相当于提前拟定了一份契约:“咱可事先说好了啊,严格按照用例来开发,不符合的一律算Bug”。

这样一来,流血冲突事件少了不说,研发人员也避免了过度设计,冗余设计的毛病。对照着用例进行开发,简单省事,这也就是所谓的「用例驱动开发」,按照实现方式又可以分为「TDD」和「BDD」。

用例不通过算Bug,用例覆盖不足算Feature,用例范围内体验改善算优化

完美。



11

发布 Publish

代码发布,其实有不少知识点在CICD那一环节,毕竟CD就是持续部署,说的就是发布,只不过前面的CD环节特指非正式环境发布。

那么正式发布又有什么东西可聊呢?可聊的多了!
还记得文章开头我贴的那张图么,9年前我在知乎上问的第一个问题就是和发布相关:「静态资源的覆盖式发布和非覆盖式发布」

这个问题是可以延展的,因为其本质其实是在问 「如何实现无损发布」。

这个话题看起来简单,但据我了解,很多中小公司根本不具备无损发布的基建设施,和研发人员素质,他们为了保证服务稳定性,只能被迫采用「人肉无损」的方式:通宵发布!

你可别笑,我相信看我文章的各位,有一大半的团队都是这个水平。能力不足,拿命来凑!我老婆她们公司的研发团队就是这样的,隔三差五就跟我说,今天要晚点回家了,有版本发布。然后我开着灯等她回来,经常一等就是等到凌晨3点……我说你们研发是有多差啊,就不能做到无损发布吗?白天开开心心发布完,晚上舒舒服服躺床上看电视打游戏不香吗?她跟我说,他们研发不会。当然也不能怪他们研发,要保证无损发布,得做不少基建工作和准备工作,要怪也只能怪他们的技术leader没本事,大头兵有什么错。
要做到无损发布,这里的知识点也蛮多,包括但不限于:需求拆解依赖剥离同源异构特性开关灰度发布快速回滚优雅降级,热更新等等。
还是那句话,对这个话题感兴趣的,评论区留言吧,展开聊又是一大篇满满的干货。



12

数据收集 Data Collection

终于到了最后一个环节!

很多团队其实在上一个环节(发布)就已经结束迭代了,然而事实上,在「持续交付」双循环里,一切才刚刚开始。

image.png

还记得我们一开始在软件开发之前做的「指标制定」吗?

没错,那时候制定出的指标,就是在这个环节进行「数据收集」的,通过日志,监控,埋点上报等方式,收集一系列关键指标数据,进行统计分析,从而对你本次的迭代成果做考评和审视,并对你软件产品的下一步迭代方向指明道路。

这,就是大名鼎鼎的「数据驱动」!是不是听过一百遍这个词了,就是不知道长啥样哈哈,把我这篇文章从头再看一遍,你就知道数据驱动的精髓和方法了。
这既是最后一个环节,也是新一轮迭代的第一个环节。
以终为始,便是「XX驱动」的本质。


好啦!本来想简简单单写一篇文章,带大家窥探一下大厂的研发流程,没想到即使我努力控制字数,甚至很多地方都不断跳过略过,依然控制不住篇幅。

这个研发流程简化模型,每一个环节都值得一大篇文章细说,篇幅有限,我这里也只能带大家走马观花看一遍,点到为止。

有感兴趣的欢迎留言,呼声高的话,我就抽空把这个系列完完整整的写出来。

今天就酱,你学废了吗?

目录
相关文章
|
5月前
|
资源调度 前端开发 测试技术
前端工程化实践:从零搭建现代化项目构建流程
【4月更文挑战第6天】本文介绍了前端工程化的概念和重要性,包括模块化、自动化、规范化和CI/CD。接着,讨论了选择合适的工具链,如包管理器、构建工具和测试框架。然后,详细阐述了如何从零开始搭建一个基于React的现代化项目构建流程,涉及初始化、代码规范、测试、CSS处理、代码分割和CI/CD配置。最后,提到了持续优化与迭代的方向,如性能优化、类型检查和微前端。通过这样的实践,开发者可以提升开发效率和代码质量,为项目长远发展奠定基础。
218 0
|
2月前
|
缓存 前端开发 中间件
[go 面试] 前端请求到后端API的中间件流程解析
[go 面试] 前端请求到后端API的中间件流程解析
|
11天前
|
存储 JSON 前端开发
node使用token来实现前端验证码和登录功能详细流程[供参考]=‘很值得‘
本文介绍了在Node.js中使用token实现前端验证码和登录功能的详细流程,包括生成验证码、账号密码验证以及token验证和过期处理。
20 0
node使用token来实现前端验证码和登录功能详细流程[供参考]=‘很值得‘
|
2月前
|
运维 前端开发 Serverless
中后台前端开发问题之流程编排如何解决
中后台前端开发问题之流程编排如何解决
20 0
|
2月前
|
前端开发 Java JSON
Struts 2携手AngularJS与React:探索企业级后端与现代前端框架的完美融合之道
【8月更文挑战第31天】随着Web应用复杂性的提升,前端技术日新月异。AngularJS和React作为主流前端框架,凭借强大的数据绑定和组件化能力,显著提升了开发动态及交互式Web应用的效率。同时,Struts 2 以其出色的性能和丰富的功能,成为众多Java开发者构建企业级应用的首选后端框架。本文探讨了如何将 Struts 2 与 AngularJS 和 React 整合,以充分发挥前后端各自优势,构建更强大、灵活的 Web 应用。
41 0
|
2月前
|
JavaScript 前端开发 API
解锁前端开发新境界:Vue.js携手Webpack,打造高效构建流程,你的项目值得拥有!
【8月更文挑战第30天】随着前端技术的发展,模块化与组件化趋势愈发显著。Vue.js 以其简洁的 API 和灵活的组件系统,深受开发者喜爱;Webpack 则凭借强大的模块打包能力成为前端工程化的基石。两者结合,不仅简化了组件编写与引用,还通过模块热替换、代码分割等功能大幅提升开发效率。本文将通过具体示例,展示如何利用 Vue.js 和 Webpack 构建高效、有序的前端开发环境。从安装配置到实际应用,逐步解析这一组合的优势所在。
37 0
|
3月前
|
前端开发 NoSQL 数据库
部署常用的流程,可以用后端,连接宝塔,将IP地址修改好,本地只要连接好了,在本地上前后端跑起来,前端能够跑起来,改好了config.js资料,后端修改好数据库和连接redis,本地上跑成功了,再改
部署常用的流程,可以用后端,连接宝塔,将IP地址修改好,本地只要连接好了,在本地上前后端跑起来,前端能够跑起来,改好了config.js资料,后端修改好数据库和连接redis,本地上跑成功了,再改
|
4月前
|
缓存 前端开发 JavaScript
Webpack作为模块打包器,为前端项目提供了高度灵活和可配置的构建流程
【6月更文挑战第12天】本文探讨了优化TypeScript与Webpack构建性能的策略。理解Webpack的解析、构建和生成阶段是关键。优化包括:调整tsconfig.json(如关闭不必要的类型检查)和webpack.config.js选项,启用Webpack缓存,实现增量构建,代码拆分和懒加载。这些方法能提升构建速度,提高开发效率。
54 3
|
3月前
|
前端开发
若依部署,部署常见流程之先部署网页的后端系统,让自己的前端能够看到内容,先部署后端,让前端在本地跑起来-----吃饱了撑死了大佬建议,正确的部署流程
若依部署,部署常见流程之先部署网页的后端系统,让自己的前端能够看到内容,先部署后端,让前端在本地跑起来-----吃饱了撑死了大佬建议,正确的部署流程
|
5月前
|
缓存 监控 前端开发
使用Angular进行企业级前端开发:实践与探索
【5月更文挑战第14天】本文探讨了使用Angular进行企业级前端开发的实践与技术要点。Angular,Google的开源JavaScript框架,以其组件化设计、响应式开发和依赖注入等特点成为首选。文章涵盖项目初始化、组件化、状态管理、路由、性能优化和测试部署等方面,强调了在企业级应用中如何利用Angular构建高效、稳定和可维护的前端解决方案。
下一篇
无影云桌面