点击空白处退出提示
作品详情
项目目标:该系统旨在帮助用户通过输入车辆信息和进行相应的检测,对二手车进行评估,并给出专业的鉴定报告,帮助消费者做出更准确的购车决策,
项目职责:作为项目开发团队的一员,我负责整个前端的开发工作。我参与了需求分析、界面设计和前端开发的工作,并贡献了各种交互效果和用户友好的界面。同时,我也参与了系统测试和 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 统一前端代码格式化,对项目代码进行整理等;
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论