项目中的贡献： 1、采用了nuxt.Js框架去处理异步装载页面的数据SSR的服务端预渲染，使得网站性能提升和利于SEO优化 2、封装轮播图组件 3、使用防抖对搜索框进行处理，减轻服务器压力 4、首页采用图片懒加载、路由懒加载

项目中的贡献： 1、案件名称下拉框数据达到1w+，进行渲染数据的时候导致浏览器卡死 解决办法： 通过elementUI中select提供的一个fildter-method方法来进行过滤下拉项，每次只显示有限条数数 据 2、封装上传文件模块，并对大文件进行分片上传，断点续传 通过获取文件大小，判断是否切片，通过Blob.prototype.slice进行文件切片，这样从原本的大文件，变成多个 小的文件切片；使用new FormData储存文件数据，利用webpack-worker开起worker后台线程使用spark-md5 进行全量加密,传到服务端做比较，实现秒传 3、封装多个页面的Search组件、Table组件、日期选择器、报表中心的Sale-graph的销售分析的曲线图组件 4、封装 tree 组件，新增查询列表功能，并采用虚拟列表渲染列表，用于商品类目以及权限组织架构 5、封装提交按钮，为防止用户在提交时重复提交或者提交后无提示，使用 el-button 按钮自带的 loading做一个 加载状态，防止用户重复提交

项目简介： 为配合《奔跑吧生态篇》开播，Z视介策划了“奔跑吧生态合伙人”运营活动。利用 Vue Lottie 插件 开发了一款交互性小游戏，玩家可以通过投掷骰子、控制船只前进的方式搜集碎片，合成之后进行抽奖。 项目中的贡献： 1. 通过在Vue组件中集成Lottie动画库，实现了在应用中展示复杂的动画效果，使用Lottie提供的API，控制动画 的播放、暂停和事件触发，与用户的交互行为实现无缝衔接。通过对动画的状态管理和性能优化，保证了动 画的流畅性和高效性。 需求及问题： 当玩家掷骰子产生1-3的随机数，河岸小船动画移动相应的步数，现在需要设置特定的打卡点， 当小船到达这些打卡点时，可以提升玩家中碎片的概率。然而，当连续抛出重复的点数后，出现了骰子动画没 有重新播放的情况 解决办法： 根据视频总帧数、每个打卡点帧数位置和骰子每一步的步长帧数，判断是否到达打卡点，传给后 端，并且使用playSegmentsLottie设定动画开始到结束的帧数来控制动画。bug的解决是通过在骰子动画页面 通过vue-lottie中的addEventListener('complete', ...)添加了一个事件监听器，监听动画播放完成的事件，设置 定时器执行this.anim.destroy()来销毁Lottie动画实例。 2. 抽取弹框共性封装成组件，克服了动态变化的UI需求。根据碎片收集情况实时判断并更新按钮、背景和提示 文字等UI元素，同时能够满足碎片场景中的复杂数据处理和判断逻辑。