背景介绍
拖了很久的项目总结终于开始写了。
2018年12月11日开始着手做这个项目了。在此之前,也了解了整个项目的流程,主要是页面展示为主,除了一些员工数据需要展示外,另外的重难点就是websocket的实时连接与接收数据,在项目中间增加了一个项目需求,就是可以上传头像,并实现剪裁的功能,但是由于vue用的不熟悉,在选择插件的问题上没有意识到插件本身的问题,所以导致最后这一功能需求给砍掉了。这件事让我难过自责了好久,那段时间整个人处在低气压的状态。
这个项目是我第一次用vue框架写。虽然领导的意思是选择jquery,因为jquery有现成的页面,只需要改写一下就可以了,况且各种插件适配的还是很不错的。我选择vue的原因是因为有些页面是需要展示的,而有些页面是不需要展示给员工看的,我想,这样的话,可以通过vue中的v-show等控制。其他的我并没有考虑太多。现在想来,还是应该再多考虑一些,就算最后还是选择vue,但至少心理准备要有的。
按照项目日期安排是一个周的时间完成,结果,现实是我用了接近2周的时间。连续加班15天,最后总算是在项目上线前3天做完测试完。
经验教训
这次项目给我最大的感触就是要整体了解项目,并且要很熟悉项目的流程。不要只是拘束在前端的问题,当然这次的前后端分离的问题上,在数据字段的约定上也没有配合的很好,导致后面用了一天去调整,很是浪费时间。在项目未开始之前,把效果,动效想的很简单。这也导致后面考虑点赞飘心的效果做了半天,正常情况下,应该是2个小时就可以了。况且,现成的jquery插件不知道怎么套用在vue的项目中,在这个问题上浪费了接近2天的时间,也砍掉了头像上传剪裁的功能。
由于项目需求变动量较大,所以在预期不准确,流程不清晰的基础上,很是被动。所以,最后最直接的就是leader陪着我加班。
以后如何做
任何新的项目拿到手里,首先是要了解它的流程和整体的逻辑,知道这个项目流程是如何跑通的。明确自己应该做哪些,那些是不需要自己(前端)做的,还有在和后台配合的问题上,应该提前想好页面中想要展示的,以及接口字段,传数据的方式,整个项目的框架选择,时间安排上都是需要自己清楚的。另外,最重要的是给自己留下备用时间,因为项目需求也是在开发中不断改变的,留出来这段时间,这样可以保障整个项目开发过程中,节奏能保持平稳,能够按时完成。
我最需要改进的地方
通过这个项目,我发现
一、自己的js基础知识特别薄弱,在对新插件的理解,上手时间有点久;
二,特别粗心,前前后后因为粗心浪费了好多时间;
三、有些逃避bug,做的过程中,知道哪一块儿容易出BUG,却是直接避开,然后继续写。这就造成了最后整个项目跑下来,代码不健壮,耦合度高,需求一改,代码改一堆。
改进目标:
一、提高js基础,利用周末的时间,将js基础再过一遍
二、要胆大心细。
三、面对bug,解决问题。