项目背景:随着社会的发展，二手车交易市场逐渐兴起，然而消费者对二手车的品质和价值的鉴定往往存在困难。为了帮助消费者更精准地对二手车进行鉴定评估，我们开发了一个专门的机动车鉴定评估系统。项目目标:该系统旨在帮助用户通过输入车辆信息和进行相应的检测，对二手车进行评估，并给出专业的鉴定报告，帮助消费者做出更准确的购车决策，项目职责:作为项目开发团队的一员，我负责整个前端的开发工作。我参与了需求分析、界面设计和前端开发的工作，并贡献了各种交互效果和用户友好的界面。同时，我也参与了系统测试和 bug 修复工作。技术实现:1、基于 Vue和 Element-Ul 对系统进行功能选代和开发，使用 vuex 共享数据状态，抽离组件实现复用;2、二次封装 axios ，统一 api 请求，进行 token 失效处理、请求体和响应头处理规范化等;3、vue.configjs 通过配置 proxy 代理，避免开发过程中的跨域问题:4、基于 Element-Ul 封装资料上传组件，实现对比较大的视频文件上传功能。其中包括文件类型判新、文件大小判断，对于超过256M的大体积文件，使用 slice 进行切片处理，分多次切片接口使用 promise.all 并行上传，实现大文件分片上传处理;5、通过封装节流防抖方法，减少事件频繁触发;6、由于系统中存在大量表单，所以基于 Element-ui 的表单组件进行了二次封装，把单行文本、多行文本、单选、多选等多种表单类型都整理在表单生成函数里，通过调用函数时传入不同的表单类型 type 以及其他参数 props ，即可生成不同的表单组件，大人减少重复写表单组件的代码量;7、对项目进行整理优化，包括基于 mixin ，对多人 Vue 页面重复的 options 进行抽离，减少代码冗余量:组件引入改为 impot 路由懒加载.vue.confis 通过配置 externals ，减少不必要资源打包等，使用 Prettier 配合 Eslint 统一前端代码格式化，对项目代码进行整理等;