LGD和EDG战队分析,阵容配置谁更胜一筹?

tmyb

今天跟大家唠唠我最近搞的“edg lgd”这个事儿,别想歪,不是啥大新闻,就是我用这两队的名字做个小项目练练手。

最开始就是想找点儿乐子,刚好我又是老观众,对这两个队有点儿感情,就寻思着能不能用它们的名字搞点儿事情。一开始想复杂,又是数据分析又是预测啥的,后来一琢磨,咱就一菜鸟,搞那么复杂干

我就决定先从最简单的开始,搭个简单的页面,把两个队的logo,队员信息啥的放上去。先是找素材,logo啥的网上搜一搜一大堆,队员信息稍微麻烦点,得去官网或者一些电竞网站扒拉,这过程可真够费劲的,眼睛都快看瞎。

LGD和EDG战队分析,阵容配置谁更胜一筹?

素材搞定之后就开始撸代码。我是用的vue,因为之前稍微学过一点,算是勉强能上手。先搭个架子,然后把logo放上去,再把队员信息一个个填进去。这部分没啥技术含量,就是个体力活,不停的复制粘贴,改改样式啥的。

遇到点儿小坑,就是排版问题。一开始怎么看都觉得丑,后来各种百度,各种查资料,又是flex布局又是grid布局的,总算是弄得稍微像样点。虽然跟那些专业网站比起来差远,但是自己看着还挺满意的,毕竟是自己一点一点搞出来的。

然后就是加点儿互动效果。本来想搞个投票啥的,后来想想太麻烦,就简单加个鼠标悬停效果,鼠标移到队员头像上,头像会稍微放大一点,感觉还挺有意思的。

就是部署上线。我用的vercel,贼方便,直接把代码push到github,然后vercel一键部署就搞定。访问速度也挺快的,美滋滋。

这回“edg lgd”小项目,虽然没啥技术含量,但是对我这种菜鸟来说,还是很有意义的。至少让我熟悉整个开发流程,从找素材到写代码到部署上线,都自己搞一遍。而且也让我对vue更加熟悉,算是巩固一下基础。

以后有机会,争取搞个更牛逼的项目出来!

LGD和EDG战队分析,阵容配置谁更胜一筹?