多多甜水晶盲盒(模仿泡泡马特)

猿急送>北京前端兼职程序员>子沐>

案例列表

基本信息

案例ID：167376

技术顾问：子沐 - 3年经验 - 软通动力

联系沟通

微信扫码，建群沟通

项目名称：多多甜水晶盲盒(模仿泡泡马特)

所属行业：社交 - 社区灌水

->查看更多案例

案例介绍

项目网址:https://www.astroath-tyan.com/shop/main/index.html
技术栈 :vue_cli，rem.js，ajax，localStorage，sessionStorage，vux，canvas，qrcodejs2，vue-router， html2canvas，animation.css
负责内容:(1)、负责前端业务逻辑的实现。 (2)、包括，弹幕，背景音乐，盲盒滑动展示，盲盒是否已经抽走的判定，随机切换不同盲盒的动效，
并采用节流函数控制用户点击的次数，解决动效未完成而造成随机数目的多次切换。 (3)、通过节流函数解决了用户多次调用验证用户是否正在支付接口，而导致服务器崩溃的问题，通
过计时器解决不同用户抽取同一件商品的问题。
(4)、使用 vux-ui 组件库快速生成项目中用到的 ui 视图及弹出层。 (5)、其中的微信支付，及获取微信信息都是通过外部链接跳转的形式，目的是为了网站的安全性，
不易遭受攻击。项目收获:当项目的访问量达到一定的数量时，可以通过增加服务器的带宽，优化图片的大小，调整代码的质量，比如可以通过防抖、节流等方式减少不必要的请求数量，还有就是，遇到问题解决问题比抱怨问题的困难更见效。