一、项目模块分为音乐播放，音乐进度条拖拽，歌词显示、正在播放歌词部分高亮显示、歌单列表，切换歌曲，歌曲播放完毕页面自动划向下一首歌曲等 二、我负责项目音乐部分，即上述均参与 三、技术栈:*小程序原生开发 四、难点以及解决方案： 音乐播放结束后自动滑向下一首音乐 因为swiper组件可以通interval属性设置时间自动切换下一个swiper-item，所以本项目借助这一属性，设置了时间变量，顺序播放模式下，时间变量一开始设置为很大的数字，保证音乐不会提前滑向下一首，在当监听到音乐播放结束时，立即将时间变量设置为200，即200ms，而与此同时又设置了一个定时器，此定时器将会把时间变量重新设置回很大的数字，定时器将在300ms后触发，300ms后这一时间点正好处于轮播组件往后轮播一次而未到轮播第二次的时间段，所以在顺序播放模式下，音乐结束会自动向后滑动一次，即自动滑向下一首音乐。

一、项目描述：该项目是的一款能够进行在线选座、获取电影票的移动web应用。应用以三维的形式，将影厅呈现给用户，让 用户能够以更直观的视觉感受，选择适合自己的座位。 二、项目责任：前后端全栈开发 三、技术栈：Three.js、Express、EJS、MySQL、jQuery、Bootstrap、MUI（MobileUI） 四、主要贡献： + 使用rem等比适配技术进行项目适配 + 使用EJS模板引擎快速将数据渲染至页面 + 使用cookie-session中间件进行会话数据安全存储 + 使用express.Router将路由模块化，易于项目管理 + 使用express中间件拦截路由，管理用户访问权限，未登录用户进行评论或电影的查看时页面会跳转至登录页 + 页面多处使用Ajax技术进行页面动态渲染，比如影票的收藏以及取消收藏，评论以及删除评论等 + 构建3D模型，使用threejs技术渲染3D模型文件，并根据threejs中OrbitControls轨道控制器技术实现移动端模拟第一人称 视角 + 使用Multer(nodejs中间件)上传图片以进行头像更换和动态发布，并使用imagemin(nodejs库)进行图片压缩来提高图片传 输速度 + 将项目部署至阿里云服务器，使用pm2(nodejs进程管理工具)启动项目 五、项目地址：http://47.113.179.244:8599/painting/index [注意：此为移动web应用]

一、项目描述：该项目是对博客文章的综合管理项目，可以进行文章分类的添加和删除，文章的发布、修改、搜索、预览和删 除，另外有包括头像、昵称、*、密码等在内的个人信息修改。 二、项目责任：前端整体开发 三、技术栈(vue3)：Vue3、VueRouter4、Pinia、Element Plus、pnpm、Vite、Axios 四、主要贡献： + Pinia使用pinia-plugin-persistedstate插件进行数据持久化，并将Pinia封装进行独立维护，将仓库导入index.js文件后统 一导出，方便仓库使用 + 使用axios拦截器axios.interceptors，在请求前获取token值，在请求失败，给出提示，若为token过期，清空token以及个 人信息跳转页面至登录注册页 + 使用全局前置守卫router.beforeEach管理访问权限，拦截未登录用户的路由跳转，未登录用户只可以访问登录页 + 封装项目页面通用容器组件PageContainer，defineProps接收参数作为标题，定义具名插槽来填充按钮，定义默认插槽来 填充内容 + 封装项目选择器组件BasicSelect，将组件内el-input组件属性v-model展开成modelValue自定义属性和 update:modelValue自定义事件，实现父子组件之间数据双向绑定 + 封装项目发布文章组件ManageDialog ①使用编译器宏defineExpose，暴露组件的显示与隐藏方法 ②使用watch侦听ManageDialog组件显示隐藏，来重置表单内容 ③使用defineEmits，在发布文章成功后，触发父组件自定义事件，完成后续文章列表的更新动作 ④另外在ManageDialog的父组件中使用computed计算属性进行时间的格式化，简化模板的书写 五、项目gitee地址：https://gitee.com/yuyanfengwe/qinglu