开头
2019悄无声息地过去了,回首2019,我经历了一些项目,写了一些代码,带了几个新同学;自己在技术能力,沟通协作能力,业务和产品能力上成长了许多,在这里要感谢各位同事的包容和各位领导的指导,从你们身上,我学到了很多。(更难得的是,被某人夸奖在处理事情上成熟了许多,尤为使我高兴)
2019 我做了什么事
x项目
x项目结果不算很好,在交互体验上和数据的展示效果上都不尽人意,这些东西被老板说了很多,印象深刻。从后面来看,我才大概知道是要做成 数据驾驶舱 的那种效果,但是当时设计稿不是按照这个方式去设计的,做出来就像一个普通网页,效果区别较大;而对于展现哪些数据和数据的展现形式,取决于怎么让用户快速高效的获取有用信息,这些东西当时欠缺思考。
另外,从这次项目我开始用merge request的方式来合并代码,后来成为代码管理的规范之一。起因是由于组内一位同事,在fix conflict的时候误删了别人的代码,然后直接提交到主分支上,这种提交代码的方式是很危险的。后来我规定所有的代码提交都需要至少一个人来review,前期主要是我,每天会抽出至少半个小时来review代码,在新同学入职的时候我会花更多的时间来看他们的代码,这样也能更好的帮助新同学提高和减少bug。从短期来看,会额外花一点时间来看别人的代码,但从长远来看,对整个团队的提升效果是很明显的。
y项目
y项目是花的时间最多的一个项目,里面的代码量比较多,每天都是不停的写页面,对接口,时间也比较仓促。由于没有设计ui,一些页面的布局排版都是自己决定的(参考了别人好的设计,看了一些设计方面的书),这个项目之后,我总结了一些前端体验优化的tips,也算有一些积累。
z项目
z项目是我入职以来第一个正式上线的项目,我这个被同事一直当作玩笑的魔咒终于破除。z项目上线之后要经常发版本,包括测试版本和正式版本,而对于正式发版的版本管理也要做好。基于这些,我启用了gitlab的ci/cd,在服务器上装了gitlab-runner来跑单元测试和做自动构建/打包/发布。虽然gitlab能提供的自动发布构建功能有限(一般要结合jenkins), 但是也能节省不少打包的时间和杜绝人工打错包的情况。
组内培训
- 《基于Gitlab的代码管理和分支管理》
- 《怎么写好快速变化的业务代码》
- 《使用Typescript+Vue来作为公司基础框架》
私下学习
- React+Koa+GraphQL+MongoDb 的全栈框架
- Nuxt+Ts的基础框架
- UI设计看了一本书《写给大家看的设计书》和一些文章
- 技术管理看了一本书和许多文章
总结:去年一年时间主要还是以公司项目为主来做事情,并围绕着项目,结合组内小伙伴实际情况来开展一些团队建设,从而提升整个团队的开发效率。
对外来说,我也会跟组内同学一起探讨如何与其他部门同事进行良好的合作,前端部门比较特殊,是一个和所有部门都有交集的,承上启下的一个部门,良好的沟通协作非常重要。
2019 未完成的事情
期望 | 结果 |
---|---|
学习GraphQL | 学习了一点的api,但是难以在实际工作中用到 |
达到中级后端开发 | 项目太多一直铺在前端上,后台没有继续做下去 |
物联网 | 看了一点书,写了一些总结,然后没有了 |
学一点UI设计 | 看了一本书《写给大家看的设计书》和一些文章 |
用Egg.js做一个电商项目 | 没有 |
2020 技术上的规划
- 搭建和优化前端的基础设施
规划 | 细节 |
---|---|
Git规范 | 优化提交代码规范(mr/rebase/review/commit message) |
代码规范/代码审核规范 | Js/Ts/Vue/Node/Css/SCSS |
基础组件库 | PC组件/H5组件/表单拼装组件/页面拼装组件 |
智能报表 | 参考SEE Conf 上提到的智能报表(做到可视化界面调整参数) |
- Nodejs达到中高级水平
- 选用一套Node框架Nest.js来深入
- 搭建一个全栈框架(Nuxt+Koa.js/Nest.js,包含Lint,Ci/Cd,自动构建发布),并在公司寻找落地点
- 学习 Taro 并写一个Demo
- 跟进Flutter
- 写技术文章,坚持写作,输出观点
- 展开更多技术培训
2020 非技术上的规划
- 项目管理,希望能通过项目管理的方式来提升对整个项目的把控力
- UI设计学习,通过阅读相关设计规范(MD规范,AntD规范等)和学习相关课程来提高自己的审美,基础设计能力
- 产品学习,通过学习相关课程,提升自己的产品设计能力和产品意识
总结
2019 已逝,2020 已来,虽然过去有种种不尽人意,但是还是对未来充满希望。我想这也是我们总结过去,畅想未来的原因吧。愿新的一年自己能变得更好!
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。