前端bug攻城狮 --- 回顾2019年,展望2020

850 阅读6分钟

前言:

2019年已然过去,是时候回顾2019年我都干了啥了。

2019年就职于海康萤石,同事都很nice,在这一年的时候里,收获颇多。

一:工作。

这一年非常系统的实践了之前两年的工作经验。从项目pro => 交互 => 视觉 => 前端&后端&自测 => 系统测试 => pb => 线上等一系列流程,也许这便是大厂的优势吧,项目多。

在这一系列过程中,也重新学习了很多新的知识,并把这些新知识应用到了实际的工作中去。服务端知识、运维知识、react-hooks、vue全家桶、fabric.js、webpack、前端性能优化、canvas知识、puppeteer爬虫、typeScript等知识,可能还有其它的没想起来。

自己仔细想了想,这一年中,一共写了2万行左右的代码,当然并不是平均一天多少,而是有一段时间,项目急,代码量就多了,我记得在11月份的时候,我负责的一个项目模块,15天就写了5000多行代码。

关于最佳实践。自己在写代码的时候,一直都有在思考,到底怎么样的代码才是最佳实践,也参考了很多网上的文章。在我看来,对于个体来说,每个人的最佳实践或者都不一样,也许我的最佳实践,在别人看来是非常鸡肋的,非常难以理解的,这我都理解。我理解的最佳实践产生的效果是:代码bug少,未来提测了,如果有bug修复起来非常的快,如果给其他人维护,他人在我的基础上能够很快的开发新的业务。 现在的我也还在努力探索,虽然已经有一套了,但是还是入不了大部分人的法眼,因为写法并不合群。但是自己却熟悉了,自己对于这样的写法,经过众多项目的提炼,后期提测时,bug会更少,修复bug的速度也会更快。

关于前端性能优化。这也是这一年来非常重要的实践,除了一些基本的前端性能优化,比如压缩、缓存、图片处理、按需加载、预加载css等,更多的从js层面上避免不必要的代码执行,每写一行代码都会思考,这行代码是否有更好的优化方案,有其它性能更高的实现方式。

关于今年最值得骄傲的成果。既然是'最',就只能有一个了---区域标注组件。具体参考下图:


在图片上点击四个点,完成四边形的绘制。图片上两个框选区域,文字如果超出图片区域得放左边,如果过大得放四边形里面,如果刚好,则放四边形右边,如果下边要溢出 则上移,总之不能放它超出图片区域。这个算简单的,难的是判断四个点是否能组成合规的四边形,在第一版本写了500行代码来判断是否符合,第二版本经过自己的思考与参考大量的图形学相关知识,修改后只有100来行了,大大减少了后面维护代码同事的难度。其它难点:判断一个点是否在四边形内部、四边形的各种状态的切换、框架的学习,最后就是尽量少对外暴露的api。

关于新知识的摄取。只能说学了好多的课程,比如 玩转webpack、前端性能分析、浏览器工作原理、面试相关、nodejs线上服务器部署与开发等等,也许会有人问都记住并应用实践中了吗? 不好意思基本没,但是到用到的时候会想起来曾经学过,学习这些主要是为了扩展自己的视野。记得在2019年年初的时候,曾经给自己定下吃透react源码,后来虽然花时间去看源码了,但是实在太枯燥了,也对业务开发并没有多少用,看不下去了,选择放弃。学习的那些课程,对业务的开发还是有一定的帮助的,也是针对自己在业务开发过程中缺少哪些,而针对性的去学习相关的内容,这也是自己在实际开发中效率高的因素之一。

关于团队。我并不是领导级的,但是一直有一颗领导的心,我想让上级多多关注我,于是很努力的完成很多高难度、高效率的工作,工作完成了,在领导看来,也仅仅是完成了。希望来年再加油吧。

关于群。今年至少加了10来个微信群吧,都是有关于前端的,加这些群都是有目的的,为了多学习其它新知识,有Taro群、wepy群、uniApp群、chamelon群学习小程序的,还有nodeJs学习群、前端早读课群、dva群等等,天天耳濡目染,总能学到一些东西,当然自己也扮演着'大佬'的角色。


二:生活。

自从有了孩子后,才知道生活并不属于我,而活着才是我的目标。工作压力大,与亲人分隔两地,每天晚上一个人的时候也比较难熬。还好可以玩会游戏,寄托寄托思想,不去胡思乱想,所以每天9点下班回到家后,都会玩一小时游戏,清空一天的工作内容,缓解精神压力。

今年也没得出去玩过,我觉得这是我最大的遗憾吧,主要还是工作与孩子,出去玩得带着小孩子,但是孩子太小了,出去玩一次,太耗精力,还是在家陪着玩吧。

孩子是寄托在丈母娘家的,看望孩子得周五晚上出发,周日晚上回来。每次回杭州的家时,都会带一些家里种的蔬菜,还是很不错的。

朋友圈子。会定期的与一些朋友聚餐,也算是缓解压力的方式吧,当然最主要的是维系朋友的友谊,希望在杭州这个陌生的城市,有那么几个朋友是可以聊的来的,偶尔吹吹牛,请教请教问题啥的,真的可以有。



三:来年2020的目标。

1.新项目全部转成ts开发。2019年虽然有过ts的开发,但是并非全部都是走的ts。

2.完善自己的个人小项目。

3.多交朋友 广交良友。

4.熟悉flutter开发app。

5.学习docker,并把nodejs服务器部署到docker上(必须完成)。

6.刷题。


四:总结。

2019已过,2020是全新的一年,在这一年里我要怎么发展?继续深入技术底层?走管理?

太难选择了,还是交给公司吧,公司需要什么样的人才,我便往哪方面走!


转自:  回顾2019年,展望2020