草系码猿🌿 用一年经历带你了解BBFE是个怎样的前端团队|Be Better Front End

2,994 阅读22分钟

大家好,我是寒草😈,一只草系码猿🐒。间歇性热血🔥,持续性沙雕🌟。
如果喜欢我的文章,可以关注➕点赞,与我一同成长吧~

前言

本文不是招聘文,只是以一个刚入行一年左右的前端工程师视角来分享我的工作体验与经历心得

我想掘金是一个技术社区📖,大多数人都喜欢在这里分享技术,分享经验,但是并没有很多人分享他所在的团队,其实从工作与生活角度出发,我们是前端团队的一份子,我们在工作日的很大一部分时间⌚️其实是在所属的前端团队中度过的:

  • 在团队中工作创造🔥
  • 与团队中的同事相处互相学习☀️ 所以一个团队怎么样其实直接可以影响到我们工作的体验,所以我在此分享我在BBFE前端团队的体验,但是由于我现在也只经历过这一个团队,所以不能去说和别的团队比哪里哪里好,或者哪里哪里有差距,毕竟没有经历过不敢妄加断言,但是我在这里的体验可以分享给大家🌟,所以大家读完我这篇文章可以得到:
  • BBFE是什么?
  • 我在BBFE工作体验如何?
  • 我眼里什么样的团队氛围舒服(新人视角) 话不多说,现在我们就开始吧

BBFE

BBFE的自我介绍

bbfe.gif

首先我应该说一下BBFE是哪些单词的缩写,正如标题所见:Be Better Front End,含义就是做更好的前端。此处3D logo奉上,这是我现在的leader贡献的珍贵资源。

BBFE 前端团队是奇安信集团的大前端团队,创始成员来自前360奇舞团、360游戏、360云安全等前端团队。

BBFE 前端团队的前身是奇安信应用技术研发中心的前端研发部,前身团队是2019年1月奇安信内部整合20+个前端团队而成立。在保障业务顺利发展的同时历经2年组织整合的阵痛,于2020年11月23日正式更名为 BBFE 前端团队,覆盖六座城市约130人规模 。六座城市分别是:北京、武汉、长沙、西安、上海、成都。

2020年4月,BBFE 着手建设前端技术体系的统一研发平台,取名:千星平台。2021年千星平台开启2.0计划,为奇安信集团的前端研发提供统一的、成熟的开发模式与工程方案。

以上介绍来自BBFE官方公众号, 并且当然草系前端🌿我现在是这130个小伙伴中的一员。

BBFE的团队故事

此时小报记者寒草🌿冲向了曜哥的工位,拎出一把西瓜刀🍉,架在脖子上,“快来给我讲讲你们的故事,给我点素材。

没错我就是这么强势(才不是),其实后面这段团队故事的素材也来自BBFE官方公众号,如果架在脖子上也是架在我自己脖子上威胁(突然怂了起来)。

下面的话就来自于迫于寒草🌿威胁的曜哥

10年前(2011.7.5),BBFE 团队的一些同学在360创建奇舞团,披荆斩棘的同时也迎来高光时刻。幸得小伙伴们的努力与成长,那个年代的老同学们用实力创造奇舞团丰富浓厚的团队文化底蕴。官方是这样介绍自己:"奇舞团(75.team)是360集团最大的大前端团队,是奇虎360公司Web平台部前端工程师 + 部分特约嘉宾 组成的一个前端团队。在这里,我们一起工作学习、一起沉淀、一起分享、一起为前端贡献影响。开放是我们的特色,快乐是我们的使命"

曾经的奇舞团走过风雨十年,当年那帮创立团队的年轻人已成为沧桑大叔,在不同区域不同行业仍然发挥价值与影响力。前进的脚步从未停下,欣赏沿途风景的同时,携手致力于前端行业与企业发展的新伙伴,培育适应时代变迁的技术团队土壤。

其中一方的我们,是站在TOB方向的安全行业再次出发,这便是奇安信 BBFE 前端团队(BBFE — Be Better Front End)。奇安信的大前端团队定名BBFE,意味着在TOB(2B)方向的坚定不移,"返老还童"的我们继续一起学习、工作,一起沉淀、分享,一起快乐、成长。BBFE前端团队在继承优秀的工程师文化与企业文化同时,也附加一点小小的成长共识:创造(Creation)    进取(Enterprise)   开放(Openness)。期待我们可以一起创造未来,一起为安全行业与前端行业贡献力量。

image.png

说到此处,我听到如此一位历经沧桑的中年大叔居然有如此文采,不仅放下西瓜刀🍉,潸然泪下💧(并没有)。于是目的达成,大摇大摆的离开曜哥的工位。

卧槽,我这么说话不会发文当天被叫到会议室关小黑屋吧...

BBFE的产出

我想其实前端同学们如果了解奇安信的话,那大概率是通过的雷尔可视化平台:用60秒浓缩我们在3D地图可视化倾注的热爱

image.png

但是可能对BBFE的了解可能就比较少了,但是如果大家经常关注前端早早聊的话,其实在今年的4月10日的《前端讲CI/CD》主题的分享中我们BBFE的韩小麦同学分享了我们的前端工程平台dockyard(这位同学羽毛球🎾是我的手下败将,被我疯狂爆锤,此处我在吹牛皮🐂),那场分享整体看下来也感觉到干货满满,为大家分享了我们BBFE为达成统一规范,打通工具服务,降低项目维护成本的方案。

image.png

因为那期前端早早聊是收费的,我就悄咪咪的放一张图片,也不敢过多透露~。

前文我也说过,BBFE 着手建设前端技术体系的统一研发平台,取名:千星平台dockyard就是其中的一个组成部分,千星商店目前还包括QAXDQPQXStore等内容,主要是为网络安全管控系统提供基础的前端组件库,应用开发框架(微前端)和标准化的视觉设计元素,助力高效生产,持续迭代与版本演进,用统一的前端开发模式和工程化方案实现产品间前端组件复用,最终实现快速集成,提高研发效率,提质提效。下方祖爷帅图镇楼。

image.png

相信我们团队未来会更加活跃的出现在前端社区中(反正至少我会非常活跃🤪,如果我有这个实力的话~)

我与BBFE的故事

image.png

诶嘿,终于到我的专属环节啦~我又可以皮起来啦~在本章我与大家分享一下我在BBFE的经历,这话说的咋有点像我在这放我简历的鸭子🦆呢,哈哈哈其实还好,我会让本章的内容更加自然具有生活气息,不去搞那些严肃认真的东西。

希望大家通过我在这里的经历,通过我在BBFE走过的路,来了解BBFE是怎样的一只团队

观望|校招

熟悉我的人可能知道,我是在2019年秋招面试,并于2020年毕业来到了现在的公司。话说我为什么来到这里呢,大家先看一张图片:

image.png

手机内存大就是好,很久之前的照片我还是找到了🤪,这是之前奇安信来我们学校校招时候的场面,讲台上面的人是安全行业的大佬裴博士(反正很牛,具体多牛我不知道),在校招宣讲之后,放了一个视频,视频中的是齐向东学长,也是我们公司的老大,齐学长视频中说到:

吉林大学的校友们好,我是齐向东,bulabula”(bulabula的意思是我不记得了🐶,反正大意就是呼唤母校的同学们一起加入到安全行业中来)

大家想啊,作为一个没有步入社会的小年轻,看到之前自己的校友前辈召唤自己,呼唤我们一起加入到网络安全事业的奋斗中去,我这脑子一热,想到《海贼王》里面路飞邀请索隆的场面,心潮澎湃就参与了校招面试。当然毕竟是我,校招面试自然是三下五除二就通过了✨(其实并不是,也有吊打,笑场环节哈哈哈哈,但是装逼是我的风格)。

说起笑场真的是好玩,当时我是最后一个面试者,纪大哥(也是一个老前端)是我的二面,一直和我抠一道算法题,我最后说:“我咋感觉你这是个脑筋急转弯呢,你不带这样的”,之后纪大哥和我就“哈哈哈哈哈”,一面面试官也看过来,也一起“哈哈哈哈哈哈哈”,之后hr也探头进来,也“哈哈哈哈哈哈哈”,场面一度不受控制。

后来就各种机缘巧合,认识了曜哥,当时也bulabula了一大堆关于技术以及未来发展的话题(发现他作为一个前端老前辈和我的想法还有一定的相似,是不是感觉我。。。也老了?!),虽然后续也收到了很多offer,但是我也还是打算来这里实习康康。

初见|实习

image.png 几个月后,小寒草拎着行李,去往北京,看了看鸟巢,看了看水立方,之后便开始了我的第一段工作(实习)经历。

当时第一天,二面面试官接了我们一帮新人之后,还带我们去干了一顿饭,不知道大家吃没吃过“小潇湘府”,不戳,很辣🔥很好吃!

不对,不应该重点是吃!我怎么会一顿饭记了快两年的!我要说工作体验!

来到这里,我就去参与NGSOC的bug修复,不积跬步,无以至千里,没错,我的改bug生涯从NGSOC开始了,不对,我开始成为了一个bug制造者和bug修复者,没错,自产自销~

我直接说这里给我的感受吧,虽然我没去过其他的团队,但是其实可以直观感受到几点:

  • 氛围融洽,互帮互助

同事之间都比较放得开,如果有问题,别人都会耐心的帮助你解决,而且不仅是帮你解决,也会在帮你解决的同时不断的指引你,发散你的思维。当时我每天晚上下班之后看我当时的一面面试官比较忙,我还会等他忙完,再去问他问题,他也会耐心解决并发散思考,真的很赞🔥,当然现在如果有新同学来我也会尽力解决问题,也会为加我微信好友的朋友去解决一些问题。我想这种文化或者精神会是一个正向循环,不断传承~

  • 舒适的技术氛围

当时我记得有几场技术分享(当时的每周五):http2,贝塞尔曲线绘制,vue源码...我记得当时春节前,我们要回家,各位leader还翻箱倒柜的各种找书给我们,《图形学数学基础》,《HTTP权威指南》,以及温吞的《编译原理》,最后因为疫情,实习春节之后就基本结束了,书也没还给他们,嘿嘿嘿,卧槽,温吞大佬不会看到这篇文章跑到我的工位管我要书📖吧!我这篇文章一定不能让他看到~现在我也有个习惯,看到新同学来了,各种分享书籍,并发各种PDF电子版,比如我经常推荐的:《代码整洁之道》《架构整洁之道》《重构:改善既有代码设计》。当然这几本书我也推荐给各位读者~

整体实习生活还是比较快乐的,也学到了不少,最近又来了一些实习生,像极了当年的我们,也愿他们在这里有所成长,有所收获。

旅程|入职这一年

image.png 之后因为疫情的原因,我于2020年上半年在家憋了半年,没有毕业典礼🎓的毕业季就这样过去了,接下来等待我的会是日出又日落的平凡日常还是星辰大海🌟般的峥嵘岁月仍未可知。
七月底,拎着行囊,整装出发,开始我的前端征程。

入职培训

这里我也要先说一下我们的破冰行动(蹭个最近热点),我们的破冰行动是很正经很有爱的,是和行业中的前辈请教问题,并让他们给你推荐一本职业道路开始要去阅读的书籍。我当时被推荐的是《代码大全2》,这本书也算是行业圣经了,我也把它推荐给各位读者朋友们。

首先,我们作为应届毕业生,每个人都会被安排一个前辈当导师,他会为你解决问题,引领你上路,也会给你一些未来职业道理的指引【这个体验巨好,当然我也经历了一段反复重写代码的code review之旅,当然这对我受益很大,后面我去阅读《代码整洁之道》等书籍也是受这段时间影响】。
其次,我们还有一个入职新人培训,为期两周,名曰:“扬帆”,大概就是我们这些新人扬帆起航的意思(社招也有培训的,叫做:“起航”),这个新人培训内容特别多,包括:

  • 网络安全相关
  • 企业文化历史相关
  • 如何进行目标管理与SMART原则
  • 如何进行有效沟通
  • 如何提问/反馈/复盘,掌握高效法宝
  • 如何从职场小白转身
  • 各个岗位介绍(产品经理/架构师/研发等等)
  • CMMI
  • 法律相关培训(正直诚信,职业道德)
  • ...

现在已经过去了一年了,课程的内容我也不能完全一个不差的列出来,但是内容涉及方方面面,不仅有安全以及研发流程科普,还有关于职场软技能以及职业道德的知识,可谓是收获颇多,虽然这个培训不属于BBFE大前端团队的范畴,而是属于企业层面的培训,但是BBFE也是企业的一部分。

当然培训中还有很多好玩的活动🎡,比如下面这个大家一起拼房子,当时很辛苦,但是现在想起来也是一段快乐的时光~

image.png

好的!入职培训先说到这里,我来讲一讲工作之后的故事,这可能才是本章节的重头戏。

抢险救火时期

image.png

我入职没几天,我的二面面试官纪大哥拉着几个人去了一个会议室,面色凝重😠(并没有,此处只是为了烘托气氛),之后介绍了一个项目,表示现在这个项目风险很大,需要紧急救火!我瞬间就多了一个身份:“草系🌿 救火队员”(我不会被🔥烧着了吗)。

大家想一个问题,如果给你一个任务,内容是救火,你预想到的是什么?、

  • 加班
  • 体力活
  • 疯狂改bug 然而,还好,并没有很可怕,甚至在这个时期我收获了一些感悟:

代码要写的更整洁,要不别人改的时候太痛苦(正所谓己所不欲勿施于人

而且我们也并没有因为紧急而放弃了codereview,曾经有一个开发任务分给了我,我很快的写完之后,我的导师反复给我review,之后那一周,代码写了四遍,直至写出满意的代码,每天几乎都要在review代码上花费1小时,注意,这是在项目很紧急的情况下,我很感谢在那段时间没有因为项目紧急放纵我肆意妄为。

我记得当时还和导师说:"我觉得项目紧急,所以我想更快的弄完。"
但是当时的导师: "你慌什么慌,做好你的,做不完项目负责人扛着,再不行,你还有我扛着"

经历了反复的codereview,经历了屎一样代码的洗礼,为了有所提升,我去阅读了:

  • 代码整洁之道
  • 代码大全2(部分)
  • 重构:改善既有代码设计(今年读完的) 这也是我现在经常在文章推荐各位读者这三本书的原因,因为我想更整洁的代码会是我们一致的探索,也是我们工程师的优秀素养。

如何整洁代码需要依据,依据可以快速的通过阅读前人经验获得。

关于这几本书我曾经写过推荐文章:关于整洁代码与重构的摸爬滚打

soc时期

image.png 愉快结束救火时期,我来到了soc,我看很多公司都有soc系统,想知道soc什么意思自己查查去,嘿嘿嘿。 在这里我也主要干了几件事情吧(从前到后时间顺序):

  • 出了工单模块(微应用)重构设计,评审后完成代码重构以及重写

这个其实也是因为我在救火时期的阅读经历,给我提供了很多重构的理论依据,评审环节也是十分顺利~ 当然,由于最近我感觉我关于如何进行前端设计又有了新的学习,我后续也会进行分享,大家敬请期待。

  • 参与三组平台建设

用了很多新的技术(vue3/nestjs/graphql),大家也可以通过日常工作总结问题,通过这个平台去解决。我的文档树和小屏模板还在这个平台坚挺着。回看我的vue3代码,写的什么破玩意,啥也不是,哈哈哈。

  • soc主线安全运维大模块

在这段时间,我名义上成为了安全运维大模块负责人,其中两个模块跟进了需求和设计阶段,还有两个模块我主要负责开发,这段时间很辛苦,也被产品经理搞得心力憔悴(话说应该每个程序员都被产品折磨过吧),那段时间我可谓是:

  1. 又要反向推进需求(向产品,测试,服务端推进需求确定)
  2. 又要帮忙盯着测试用例的确定(没办法,产品给的需求测试看不懂)
  3. 又是本职工作的前端工程师 那段时间给产品提了很多很多的优化建议,回扫全量接口设计推进接口设计一致性,等等,我渐渐变成了这个模块最懂需求的角色。文档书写,演讲能力各种都有很大的提升。

但是后来因为我的bug确实少(凡尔赛),在别人debug的时候我已经闲起来了,于是着手搞了一些东西:

  1. 为了解决文件名一致性问题,推出了fe-file-rename插件,我也出过文章我的第一次VS Code插件开发:fe-file-rename && 一些絮絮叨叨,不知道大家有没有看过
  2. 试图通过前端技术,实现自动化测试,但是这个做一半有别的事情耽误了,也被吐槽过定制性太强,也出过文章,大家感兴趣可以去看看,有时间我一定填坑js实现按键精灵——尝试前端实现自动化测试(一)
  • 负责冬奥会soc定制项目

image.png

当时看到我们公司成为了冬奥会的赞助商,我就一直期待着能参与到冬奥会的项目,我也算是变相的为国效力了是吧,其实作为一个安全公司的成员参与这种事情是最让人兴奋的,哈哈哈。而且由于冬奥会大部分功能是围绕工单展开,于是我也成了冬奥会项目的前端负责人,我一以贯之保持我不服就干,强势的工作个性(说白了,欠锤,嘿嘿嘿,读者们来锤我啊)。提了不少建议,也努力的让设计合理,让代码与接口规范。期间一共改动 ➕ 新增一共十个左右的微应用,也是度过了一段焦头烂额的时光。

现在我在soc的时期基本已经说完了,总结起来就是这段时间我参与感和活跃度更大了,soc工单那边甚至有一个寒草粉丝群,没办法这就是人格魅力吧(此处不要脸)。我在soc的呆的最久,自然在这段时间也发生了不少事情,比如我在这里分享了几个东西:

  • 代码整洁之道

如果大家想看的话,我考虑要不要b站做个视频,现在我也有一个投稿,大家可以去看看:成熟的前端工程师一定要学会亲手制作生日礼物~

  • 浏览器渲染机制

这个我可有话要说,这个课题准备的十分困难,足足有将近两个月的周末,和同事一起探讨,一起学习。最后我在小组分享采用的脱稿的形式,画了满满一黑板🌟,我也不知道大家能不能接受我的字迹,但是我姑且放在这里。

image.png

再来一个我在掘金分享画的图:

image.png

链接在这里,大家可以点进去看一看:浏览器渲染机制

不仅是小组,整个BBFE前端还举行一个旷日持久的分享活动,有两大课题:

  • 代码大全2
  • CSS专题 目的就是:Be Better Front End做更好的前端
    每周五都有分享,两大主题交替更新,后续,重构:改善既有代码设计也加入其中,以及大师分享在vue3时开头唱的小调也记忆犹新。

以及,年初,曜哥拉着来广营的前端同事开了一个小会,表明我们会越来越活跃,不要做只会打代码的前端,还要做懂社交,有乐趣的前端,要让工作快乐起来。我当时就想喊一声,"FREEDOM!为了自由!",哈哈哈。

还有这段时间沉迷羽毛球,励志成为宇宙第一的羽毛球运动员(对不起,我开玩笑的)。伙伴们氛围也很好,好多人参与进来,健康工作,健康生活嘛~

image.png

这段时间感觉到我们BBFE不仅是有战斗力的团体,也是快乐工作,懂得分享,共同成长的团队。(以及我天天狐假虎威🐯,还不被锤,表示大家也是包容的~)

天擎时期

image.png

然后,时间来到了上个月,我来到了天擎终端平台(没错,一定是梦夕姐欣赏我,此处继续不要脸🍉),为产线提供基础的业务能力,来到这里感觉和当时刚来到soc大差不差,只是我更加强势了,更加有想法,更加有自信去表达,当然也更强了(吧)。此处还是保持我臭不要脸的风格~

当然啊,刚来到天擎,就听了grpc的分享,收获很多,但是因为当初没有怎么使用过,所以有一些无法完全领悟,后续我也会继续努力写grpc的文章~把这个有趣的技术分享给大家。

来到天擎,算是新的开始吧,寒草在BBFE继续加油~

道阻且长,行则将至,行而不辍,未来可期

我眼中的BBFE

image.png

一路工作到现在,完整的工作生涯都是在BBFE度过的,已经有一年出头了,这里给我的感受是:

  • 我们的团队正逐步走向有序正规
  • 我们的团队正逐步走向高质量研发
  • 我们的团队既年轻又有一定的底蕴
  • 自由包容,氛围融洽(就像我敢写文章开曜哥玩笑🤪)

当然我们依然有很多问题以及等着我们去优化的点,但是我相信BBFE可以走出一条属于自己的道路。
其实我也一直期待更多人做我的同事,所以这里寄出JK前辈(也是前端老前辈了,我其实上大学的时候就知道他,因为我看到知乎上他的回复🔥)的话:

期待每位同学的闪光点🌟,在这里落实放大,产出价值

结束语

image.png

整体看下来,就像是我们内部对自身的评价一样:"BBFE 前端团队整体实力处于国内前端行业中游(2021年),但我们相信TOB方向有足够的舞台及想象力,会促进 BBFE 成为专业开放快乐的前端团队"。

年轻的草系小前端🌿也在此看着年轻的BBFE,想着:
未来可期🔥
没办法,毕竟是我在,肯定未来可期啊(我是真的不要脸)

好滴,本篇文章到此结束,如果大家喜欢我的文章,你们的点赞 👍 与关注 ➕ 就是对我最大的支持,我这里会有更多技术分享,经验心得,以及有趣实践🌟

须知少时凌云志,曾许人间第一流,我们披荆斩棘,我们来日方长

加我微信:hancao97,邀你进群,了解寒草🌿 的github小组现状,一起学习前端,成为更优秀的工程师~(二维码在这里->交流群