这是一个「许愿墙项目」,这里有个线上 DEMO 许愿墙。 后端部分由 @crab713,前端部分由 @cchlorine 完成。 后端技术栈为 Java + SpringBoot + Mysql,前端这边使用的是 Vue2.0 + Lottie + Axios。
「疫情」反复发生,我在校园里待了两个月没有走出校园,我觉得很郁闷,那同理来说或许大家都很郁闷,那是否可以用某种方式来疏解一下郁闷? 以弹幕形式的「线上许愿墙」便应运而生,线下也会同步开展「现场许愿」。
其实本项目是一个很简单的「许愿墙」,用弹幕的形式呈现,UI 与 UX 方面还有很大可以改进的地方。
但是这个项目完成了我对 Lottie 的一个初步认识与使用,说实话这个项目原来是一个学弟在做,但是因为他课业繁忙与在 Lottie 内存泄漏的问题上,我接手了他。
最早,实现弹幕的方式是通过四个 infinite animation
的 barrage
实现的,动画结束了替换,这个方式会显得弹幕非常稀疏。
于是我参考了一个弹幕实现方案,完成到现在的样子,内存泄漏的问题主要为两个原因:(1)Lottie 直接操作传入的 animData;(2)每次更新弹幕没有 destroy 原来的 Lottie。
本项目非盈利非商业,仅学习使用,如有任何侵权行为请联系,我会删除相应的资源。 对应的「字体」与「音频」需要自行寻找。
或许后面会对代码进行一个重新梳理,让这个项目变得更可「学习」,也会慢慢的讲本项目遇到的坑通过博文的方式给分享出来。