工夫来到了2017年, 彼时React和Vue仿佛也没有像当初那么风行。那时的我, 还是实验室的一个小萌新, 满脸纳闷地看着学长在小黑板上给咱们讲 ajax , 过后的我仅仅也只是会写简略的JSP页面而已。因而, 对于学长说的ajax, 我根本一句也听不懂, 什么异步刷新的, 对此基本没有一点儿概念。

这一晃三年过来了, 从纯正的只晓得用jsp写课程设计页面、 应用jquery + ajax前后端拆散开发实验室我的项目、 应用React/Vue进行毕业设计我的项目的开发、可能基于React开发出属于公司业务的一套框架。从一开始听学长分享、本人在实验室给学弟学妹分享、在公司给其余团队做培训分享, 这一路走来有苦有甜, 值此2020年, 将它整顿下来分享给大家。

坐实验室板凳的第一年

与大多数班里的同学一样, 我怀着一颗吸取常识的心, 进入了实验室。我到当初还记得过后实验室老师对咱们说的话: 大家可能抉择实验室, 我很快乐, 然而实验室是有淘汰制度的。不过我置信, 大部分的同学是最初本人放弃了。 想想过后, 的确是这样, 没到一年, 当初靠近20人的成员, 到最初只有两名了。两头大部分的同学, 都是保持不上来被动退出了。我很感激过后的本人最初可能留下来。

那时候, 根本一上完学校的课, 我就去实验室待着。记得过后, 实验室的学长给咱们安排了工作, 让咱们先自学一段时间的html和css, 两周后, 在实验室进行测试(不能联网百度)。过后的我, 只会写div, 连根本的块级元素和行内元素这些个专有名词都不晓得。我过后心田很慌乱, 怕写不进去就会被劝退。

两周后的某个晚自修, 群里发来了测试的告诉。一切都是那么的顺利, 我仿佛是第一个搞定的。过后的我, 特地缓和, 因为当你写完后, 实验室的学长学姐都会过去围着你, 认真地看着屏幕上的代码, 这感觉犹如实习生刚刚进公司, 一群大佬围着你的屏幕。过后, 他们的评估是: 写的html不够语义化, css根底款式把握的不太好。依稀记得, 过后所有的元素我都加了id, 统统应用id选择器来进行款式的布局。不过最初我还是通过了测试。

在实验室学习期间, 我根本每天都在早晨11点左右来到, 在此很感激考研的室友们对我的了解和容纳, 因为每次回去室友都曾经躺在床上劳动了。

在实验室积淀了半年后, 实验室的老师给咱们调配了一个软件硬件联合的我的项目。事实上, 都过不了一年, 半年后同一批进来实验室的就仅仅剩下我和另外一位同学了。

如果实验室的学长是我前端的启蒙师的话, 那么实验室的另外一位同届小伙伴Rikhard-Dong 能够算是真正引领我进入前端Zone的大神了(咱们都称他为大神, 或者是因为他是ACM大神, 亦或是他精通各种操作系统的应用, 我其实到最初都没有搞清楚为什么大家都称说他为大神, 总之在过后, 他对于在编程畛域的广度与深度着实让我震撼)。

Zone的概念，出自《黑子的篮球》，指为多数蠢才球员可能进入的畛域。进入此畛域后，各项能力皆达到顶峰，视线也会变大，有工夫限度。只有对篮球相对喜爱，能力进入Zone的境界

当然, 我并没有很强的编程天才, 在这里援用Zone, 其实是每当我遇到瓶颈的时候, Rikhard-Dong 都会指导我。尽管他是后端, 然而我的ajax是他教的、 git的应用、 前端我的项目的部署等等, 他总能在我须要帮忙的时候, 通知我应该如何去做。

这是咱们最初来到实验室时他送给我的犀牛书。

在实验室前面的我的项目中, 我应用的是Jquery加Bootstrap实现前端的性能。回顾在实验室的这一年, 我根本都是在学习基础知识、将所学的常识利用于理论我的项目中, 并且理解了多人合作的编码方式。

年后咱们还参加了浙江省服务外包大赛, 原本认为不会得奖的, 后果居然得奖了。感激小伙伴们的披星戴月的付出。

那场较量后, 咱们都开始筹备实习的事件了。也是在那时候起, 我才缓缓地接触到React、Vue、Redux、Sass、Webpack、MVVM等等在过后看来很高大上的技术。刚刚接触React那会儿, 着实让我头疼。不过还好, 实验室中有一位学长始终在钻研这方面, 每次在我遇到问题的时候, 我都会在实验室等他上班给我解惑。

很快, 实验室的一年就过来了。在这一年, 大部分的工夫都是本人一个人呆在实验室, 甚至放假也是呆在实验室学习, 因而我将此阶段称之为 坐实验室板凳的第一年

下图是咱们实验室同学在大楼顶层的合照:

快实习的时候, 实验室的老师问我和Rikhard-Dong 违心留在实验室实习吗？可能是对大城市的向往与更加广大的技术平台, 我还是抉择了辞别实验室, 返回上海。

感激 Rikhard-Dong 、 保通学长 、 何老师 、 杨磊学长 、 锦波学长 、 牧云云学长 等不少人的关照, 心愿有缘可能江湖见吧。

奔赴上海的第二年

第一次独自一人来到上海, 心中有一种莫名的冲动与忐忑。到了实习的公司后, 公司安顿了咱们为期一个月的学习适应培训打算。在此期间, 咱们都被称为 trainee 。

加入本次适应打算的共有20名左右的同学, 都是刚刚毕业的同学, 而我就比拟非凡了, 应该是惟一一个实习期间来加入 trainee 培训的。大部分的同学都是来自于南方, 因而通过这为期一个月的洗礼, 我一口"规范的"普通话变成了西南话, 每次我回学校的时候, 同学们都被我谈话的口音给笑翻了。

在这一个月的培训中, 次要是让咱们对公司企业文化和外围业务有一个全面的理解, 同时开辟咱们的眼界以及开始造就团队单干精力。

一个月的工夫, 咱们学习了企业级的编程准则、PLC编程、技术人员应该把握的销售技巧等等。通过一个月的洗礼, 公司筹备将咱们派发到各个部门不同的业务线中, 并且开始认领徒弟。可能是因为, 我在培训期间的体现比拟不错, 事业部的总监想让我去公司的产品部门。过后, 我去的时候公司还没有成立产品研发部, 直到10月份产品经理、 后端架构师 、前端架构师陆续达到。在此之前, 我先被安顿到我的项目做APP的开发。

这是之前做的一个水泥行业的app。

产品研发部门成立后, 我就开始跟着前端架构师一步一步的搭建产品前端框架, 咱们从框架语言的选型、UI框架的选型等等都做了细致入微的考察与钻研, 最初咱们抉择了React+ Ant Design技术栈。

这一年也是我技术飞速成长的一年。

在这一年, 咱们团队的交融也十分的迅速。记得团队刚刚成立之初, 那段时间我的直属领导Fred, 天天上班带着咱们守图打怪以及产品经理周末带着咱们去网咖打LOL。当初想起来, 这何尝不是一种造就团队默契的一种好的形式呢？ 我到当初都特地喜爱咱们那个团队。工作上简略的、相似的问题, 简直都不必怎么沟通, 好像都造成了默契。因而, 咱们研发的效率特地高, 团队的气氛非常的融洽。除此之外, 我的老大让咱们下班之余, 有本人的一个能够钻研的方向, 比方 可视化 、 工程化 、 low-Code 等等， 而后定期分享各自钻研的成绩。

如果说Fred给我带来的是技术广度晋升的话, 那么vickyhoo给我带来的则是技术的深度的晋升, 每次CodeReview, 我都会把问题和纳闷全副裸露进去, 他们对技术精益求精的态度都给我起到了一个很好的模范作用。

凭借着这一年的致力, 我拿到了最佳新人奖。同时, 我（口琴）和 产品经理 (尤克里里) 以及团队的其余成员的(独唱)年会节目《童年》, 也拿到了最佳表演奖。

技术积淀的第三年

随着本人钻研的点越来越深刻, 越发感觉本人的基础知识还不够强硬, 因而接下来一年我简直都在积淀本人。

在这一年我浏览了

  • 深入浅出React和Redux
  • 你不晓得的javascript(上中下)
  • 深刻了解typescript
  • javascript编程精解
  • javascript权威指南

能够看到2018和2019年的区别

这一年咱们也研发了自研的前端框架(needle-block)。

随着互联网的发展趋势，越来越多优良的技术和框架层出不穷，其目标都是为了降本增效。依据这个准则，咱们也比拟重视研发提效，最好一个人能够干多集体的活。对于提效，其中比拟重要的就是不要写反复的代码，要做提取和组件化。为了更无效的复用，咱们将页面拆分成5个层级：

  • 组件，指通用组件，咱们会陆续提取更多通用组件到HUI中。
  • 业务组件，指不能提取通用组件的，由多个组件组成的定制化组件，能够了解成代码片段
  • 区块(Block)，由多个组件组成的通用型块级模板，通过配置决定Block的最终实现。
  • 规范布局(Layout)，提供多套规范布局，能够装载不同的Block和业务组件。
  • 页面模板，装载Layout，事件处理及业务解决。

基于这套框架咱们次要解决了以下问题:

  • 缩小反复的代码编写，重点关注在事件处理和业务解决
  • 不须要规范模块源码也能灵便扭转页面内容
  • 多人合作也能达到页面标准化布局

同时, 咱们利用插件化的思维对产品架构进行降级。

为了不便老我的项目的降级, 我还写一个降级脚本工具 needle-codemod 。它能够用来老的我的项目一键降级到最新的架构, 同时还会自动检测出有问题的代码。

除此之外, 我还负责了对第三届 trainee 的前端技术培训工作。

图中的锅盖头就是我自己。

这一年, 惟一让我感觉遗憾的是: 我没有带好我的师傅。预先, 我反思了一下, 对于新人我没有做到Fred和Vickyhoo对我那样认真、负责。既然她抉择了前端, 那么我就应该尽我最大的能力, 去帮忙她赶上咱们的节奏, 让她和咱们一起提高, 实现本人的价值。在她泄气的时候, 应该激励她疏导她, 不晓得是碍于性别还是什么, 我总是不敢做出口头, 如果还有下次, 我肯定会当一个负责任的徒弟。

致谢

回首往事, 这一路走来感激敌人们对我的关照与陪伴。

  • 感激Rikhard-Dong在我每次遇到瓶颈的时候帮忙我冲破。
  • 感激Jessie在我[奔赴上海的第二年]对我生存上的关照。
  • 刘老师在看待问题的思考方向上给予了我很好的楷模、龚哥对于产品的设计与率领团队的形式上让我播种颇丰、 Fred以及Vickyhoo在看待技术的态度和治理上给我起到了很棒的带头作用。
  • 感激Rabbit女士始终陪伴着我,在我遇到困难时给予我刺激和激励。

最初援用Grace的话送给本人也送给大家:

要像孩子一样时刻放弃一颗好奇心, 这个好奇心就是学习。时刻放弃成长, 能力领有想要的人生。生命的意义在于开辟而不是猛攻, 无论什么时候咱们都不该失去前行的勇气。

写于2020/12/14 2:51。

本文参加了 [SegmentFault 思否征文「2020 总结」