项目描述：自主开发WeMaster Web端，本项目为针对国外市场一对一的教育类和交友类网站和APP，实现导师注册，课程管理，发布课程，交流聊天等基础业务，分Tutor和student双向身份验证。总制作20多主页面，封装50多个组件。主要技术栈vue3分散式API和组合式API、vue-router、vuex、@stripe/stripe-js、firebase、jsencrypt、zego-zim-web、axios、core-js等。 项目职责： 1、页面布局与样式设计： 利用HTML5和CSS3构建WeMaster的基本样式，采用弹性盒子布局（Flexbox）(Grid)等实现页面的响应式和适应性； 2、搜索功能开发： 使用Vue的v-model指令进行数据双向绑定，通过$emit机制在组件间传递数据，并结合过滤器函数实现基于关键词的搜索功能； 3、动画与弹窗效果： 利用Vue的Transition和关键帧动画实现组件以及页面的过渡动画效果，通过v-if指令结合点击事件控制弹窗的显示与隐藏，优化用户体验； 4、组件封装与复用： 对下拉框，时间选择框等40多个组件进行封装，提高代码复用性和开发效率； 5、时间处理优化： 编写timeUtils.js等工具函数，根据消息时间与当前时间的比较，智能显示不同格式的时间信息，提升交互体验； 6、前后端对接：使用Axios自主与java后端进行API对接； 7、第三方：聊天模块非自研，需要自主对接第三方ZEGOCLOUD； 8、状态管理：通过vuex实现全局状态的管理及其调用； 9、对接第三方支付Stripe、对接第三方登陆(Google、Facebook)； 项目业绩： 1、通过vue进行了dist打包优化，节省了大概20%的编译空间； 2、选择合适的Storage 临时存储加快了2%研发进度； 3、自研动画，增加了用户的交互体验，提升至少30%用户交互体验感； 4、利用自定义UI封装的组件不仅统一了各个业务模块的UI交互，而且提升了至少15%代码复用性； 5、使用第三方库，加快了项目进程，缩短了周期；