1.相关技术栈--Vue2、Vue3、vueRouter、Uniapp、sass、less、pinia、JavaScript,WebSocket,indexDB
2.熟悉git工作流程并使用期协作开发,使用分支管理及版本管理控制创建、切换、合并、上传、版本回滚
项目( EvolveWork)
旨在构建一个全球化企业管理平台。前端开发是关键部分,需打造高效交互界面。围绕 EvolveWork 的核心逻辑与需求,整合 OKR 等工具,通过前端实现目标管理等功能。利用其协作软件功能开发定制化页面,满足多样管理需求,如团队,项目,任务、协作和数据更新。还实现聊天(基于 WebSocket)和支付(微信、银行转账)等功能,依赖前端挑选库与封装组件,并与后端协作确保数据稳定,使用户获得更好交互体验。
1. 独立完成前端框架搭建(vue),根据项目需求选择合适的第三方库,确保技术栈与项目需求高度匹配。
2. 设计并实现IndexedDB存储方案,优化数据管理效率和用户体验。
3. 封装关键组件,包括系统功能组件和对第三方库的二次封装,提升代码复用性和系统稳定性。
4. 基于WebSocket技术开发实时聊天和数据更新功能,与后端团队紧密协作,确保数据同步的准确性和实时性。
5. 负责微信支付集成,关注支付流程的安全性和用户体验,处理支付结果,维护订单状态的实时更新。
6. 将前端应用适配至钉钉工作台和企业微信平台,保证应用的稳定运行和一致性体验,拓展应用的使用场景。
咪咕公播音乐平台
项目描述: 1、公播音乐是指可以在公开场合、商业场所以及非个人使用场景下公开播放的音乐内容。持有商用版权音乐的供应商可通过转售单曲版权或以提供广播权、机械表演权的形式向各类组织提供公播音乐以及其他拓展服务,多用于商场、学校、广场、会议、酒吧等线下环境。恰当的背景音乐不仅能营造良好的经营氛围,还能影响消费者情绪,带来直观的经济收益。
本项目是双端项目,基于vue3,架构使用JavaScript的超集Typescript进行项目开发、pinia作为状态管理,采用vue-Router配置路由,封装 Axios异步请求后端数据。PC Ui使用尤雨溪推荐使用的NaiveUI,mobile UI使用vant 4。
技术要点:
1.从0-1构建并实现高度定制化多段时间拖动滑块,支持0-24、24-0、9-9时间区间 单段滑块可左右滑动。
2.实施评审技术方案,提供全局模块化二次封装组件(Vant/naiveui)/指令,提升团队70%开发效率,提高可复用性、可维护性并降低维护成本。
3.根据定制化需求对网络请求注入Request Headers、对module层做数据封装处理,使其标准化。
咪咕音乐小程序
项目描述: 咪咕音乐小程序是一个提供音乐播放和音乐相关功能的小程序。它可以让用户在小程序中浏览和搜索音乐,创建和管理自己的音乐播放列表,以及享受咪咕音乐平台提供的丰富音乐资源。该项目前端采用uniapp框架进行开发,使用JavaScript进行UI组件封装.
技术要点:
1.使用 wx.setStorageSync 、 wx.getStorageSync 对本地缓存进行读写和清理
2.为 IphoneX 手机做底部安全适配,使其被小黑条遮挡部分正常显示,提高用户使用体验
3.使用原生功能实现音乐播放、暂停等能力
2022.1 - 2023.07咪咕APP活动/嵌入式功能页面
项目描述: 该项目主要用于咪咕音乐APP中会员中心,活动中心,任务中心,活动推广,直播tab页面,APP挂件系统,移动端端外听歌场景、活动场景。项目采用了vue全家桶(vue-router、vuex)进行开发,采用二次封装vant、swipe等UI组件库的tangram作为项目组件库.封装 axios异步调用后台APl。根据需要使用QRcode、html2canvas、three、gsap等插件。
内部员工管理系统
项目描述: 该项目主要用于公司内部用于员工的信息及权限管理,包含的业务模块有用户认证,员工信息管理,薪资管理,考勤管理,统计报表管理,分级别权限管理。
管理系统采用 vue 全家桶(vue-router、vuex)进行开发,element做 ui 组件库,封装 axios 拦截器 ,使用 addRoutes 实现动态路由、采用自定义指令方式做按钮权限(是否显示)、proxy解决跨域问题,使用git进行团队协做开发。
1、本项目是双端项目,基于vue3,架构使用JavaScript的超集Typescript进行项目开发、pinia作为状态管理,采用vue-Router配置路由,封装 Axios异步请求后端数据。PC Ui使用尤雨溪推荐使用的NaiveUI,mobile UI使用vant 4。
该项目前端采用uniapp框架进行开发,使用JavaScript进行UI组件封装. 技术要点: 1.使用 wx.setStorageSync 、 wx.getStorageSync 对本地缓存进行读写和清理 2.为 IphoneX 手机做底部安全适配,使其被小黑条遮挡部