10

一位00后前端2年经验的成长历程

 3 years ago
source link: https://zhuanlan.zhihu.com/p/282751291
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

一位00后前端2年经验的成长历程

关注微信公众号:web前端学习圈，领取85G前端全套系统教程

前言

到现在，距离我18年5月份入职，已经过去2年了。

没错，我就是一位00后前端。2001年出生的我，从18年5月份到现在一直在开源中国任职。目前在Gitee私有化部门担任前端开发一职，负责规范制定，技术攻关，人员招聘和需求开发

萌新报道

18年5月份，我通过社招来到开源中国。刚入职时，还是一枚实习生萌新。团队前后端一共6个人，当时是在做 “开源众包” 平台。

我依稀记得，我入职不到一个月，就被领导推上来做IM聊天模块，对接网易云信的SDK。当时独立开发加班接近一周，其中手动实现了下拉刷新/上拉加载。最后终于带着bug上了线。

这是我负责过的第一个小模块。

当时上线后，我还记得因为混用Vue生命周期，而导致各种死循环渲染的问题。最后是团队的一位后端大哥，帮我一块解决的问题。

入职半年，我逐渐适应了一个公司的正常开发流程。除了前端，还接触到了JIRA，Jenkins这些敏捷开发效能工具。也了解到除了生产环境还有一个 “预发环境”（uat）。包括产品经理的需求评审会，任务拆分，时间规划等等。

这些工具和流程的出现，使我的思维完全实现了一个大的转化。这也为我日后做Devops工具铺了路。

初识工程化

如果按照工具划分的话，我接触到最早的前端工程化工具应该就是Webpack了。在我入职osc之前，我在北京某机构参加Java培训。自学前端时，当时想尝试学习Webpack。但因为没有好的资料，导致一直没有学会学懂。

到后来我入职osc，公司项目用的是Vue-cli2。cli2的webpack配置都是eject出来的，不像cli3那样高度内聚。好处在于配置更灵活，难点在于不好上手。

也正是配置项全部暴露了出来，我得以见到一个项目的webpack配置到底是长什么样子，可以更细致地学习。

我通过修改项目的配置，用“控制变量法”来看配置项和输出文件的关系。渐渐的，我对那些配置逐渐了解和熟悉了起来。这也使得我在团队的价值越来越重要。

就这样迭代到18年9月份。一次迭代上生产的过程中，团队的leader发现Jenkins 的slave 节点node进程跑满了CPU和RAM利用率，经过几次编译都会挂掉。

这也萌生了我对前端项目“拆分”的思考。如果拆开，webpack不打那么多bundle，或许机器编译速度就会加快，资源占用也不会那么高。

于是我就准备开始思考怎么进行拆分。最后自己创造了一种 “模块拆分法”。即将业务拆分成不同的模块，然后托管到自己的npm私服上面去。最后打包的时候，再进行组合。这和后面“微前端”的概念有点像（这时候我没接触过）

后面写了个demo，竟然还跑通了。当时激动的我买了一瓶啤酒，发了一条朋友圈庆祝了一下

当时也没接触过微前端这个东西，也没了解过lerna。手上只有一个快跑不动的项目和一个npm私有库。

后来认识了fcc济南社区王军大哥。他热烈地邀请我去fcc济南线下沙龙分享一下这块的思路。18年11月份，我前往济南做这块知识的分享，最后还拿了一个荣誉证书。

进军Webpack

转眼间到了19年的1月份，大家都沉浸在新年的气氛中。

年前，我突发奇想，想着把前端项目的webpack从v3升级到v4试一试（毕竟我看当时的change log挺香的）。我就在年前和leader说了这个想法。

领导主要担心升级完的打包文件会有区别，容易出bug，当时我也是这么想的。但领导还是愿意放权给我去做，让我去尝试。

我就在春节放假期间，大年三十晚上还在调试webpack配置。

尝试原地更改版本升级，报错。更换配置，报错。推了重来，报错，，，就这样尝试了快一周的时间，从白天到深夜一直调试配置。。期间只有我和电脑，还有一个webpack文档（最坑的是有些插件合并到了api 和插件更名: 如代码压缩 css分离）。最后终于跑了起来，所有样式逻辑全部跑通。

借这机会，我加深了对webpack的理解。就这样，我也拿到了人生的第一个绩效奖金。

迭代

4月份后，我就去做CI/CD了，从构建部署制品库依赖库样样俱全。

产品迭代了接近6个月。中间不断地开发，迭代。。一帮没有类似经验的新手，逐渐地开始对这部分领域熟悉了起来。。

微前端

11月，我接到通知，要将现有产品做微前端改造。我去请教 百度网盘涛哥，搜遍了整个Google，最后熬了n个夜，最后终于跑了起来，实现了上线。

这里附一个我写的微前端文章

新征程启航

20年初，公司战略要求，我们开始和百度团队合作。团队研发人数也从刚入职的 6人，变成8人，到现在的20人+。我也从一个实习生，变成了团队的“老人”

5月份，我开始抓前端团队协作开发流程标准化，代码规范化。这是Q2季度我个人OKR的目标，也是团队发展的一个方向。目前文档，代码规范，提交规范都已经编写完成，内测反馈还算良好。

和百度团队合作以来，接触到对方的代码规范，性能优化监控，协作流程，很多地方真的大开眼界。也不禁感叹不愧是大厂。

所以我也借此机会，梳理了我个人Q2季度的OKR

需要感谢的人

2年以来，特别感谢 FCC济南社区的王军大哥，他对我的经历表示惊讶并表示赞叹。还有一直在对我源源不断的鼓励。

还有leader对职能的放权和对我的信任，让我能成长如此快速。

刘博文：博文大哥是我在买书的时候见到的，后来查询后发现经历有很多相似。经过朋友介绍加了联系方式，也给了我很多的鼓励和安慰，是我的人生发展的目标。也祝贺他拿到了阿里p7。

张仁阳和姜文老师：两位前端dalao。知识渊博，经验丰富。邀请我2次参与分享，多次对我进行鼓励，并对我产生了很大的期望。

若川：若川dalao经验丰富，学到了很多前端相关的知识。

张亚涛：学长，百度网盘架构师，很强的一个大牛。尤其在微前端方面有所造诣

子弈：一次偶然机会，认识了他。是个非常幽默，经验丰富的前端dalao。目前在政务钉钉，内推可以找他

还有好多人需要感谢。。鉴于篇幅，就不一一列举了。

未来

我的计划是，要精进React框架，包括redux router等。Linux是我一切的起源，一定要达到专业级别。还有我们最拿手的工程化。。。还有算法。。计网。。一切我感兴趣的知识，都要学会学透掉

希望未来3年经验的时候，比现在优秀1倍。我们正年轻，加油

原作者姓名： 王圣松
原出处：掘金
原文链接：一位00后前端2年经验的成长历程


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK