工夫来到了 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 总结」