项目职责：本人负责，跨境商城：头部组件，底部组件、搜索框的模糊匹配、商品详情页、店铺首页、商品分类页面
等等
商家管理后台：上传附件页面、钱包充值页面、提现页面、订单历史页面等等
代理后台：卖家列表页面、买家列表页面等等
实现细节:
1.商城页中搜索框使用防抖函数解决用户搜索栏输入匹配时的查询内容显示延迟问题、并使用路由懒加载来 提升主页
面加载时间。
2.商户管理中使用elementui实现新增弹窗显示文件上传营业执照功能,为解决通过input标签的accept属 性进行限制
时遭到破解,通过JS的FileReader方法获取上传文件的头信息进行限制对上传的文件的格式进行限制。
3.封装组件：代理后台对多处使用的时间选择框,费率页面的导航tab,分页器、table表单等组件封装成全局组件, 便于
多处使用,进行配置快速生成组件,常见的功能页提效80%。
4.负责utils工具类库的抽取工作,例如公用搜索条件库、可复用正则库、节流防抖等工具方法的抽取,保证 项目中所有
复用内容保持一致,在多人员开发过程中保持高效及低错误率,遵循前端工程化原则。
5.按需引入:使用第三方插件对开发过程中所需要的图标、API、组件库、样式等实现按需引入,避免项目打 包体积过
大 ;
6.模拟数据:fastmock.js模拟后端数据进行调试,对axios方法进行二次封装,设置baseURL,在响应拦 截中处理后端返
回的数据,方便完成对项目中不同类型的请求
7.打包优化:通过webpack-bundle-analyzer分析项目打包速度与资源体积, 配合CDN抽离Vue、 Lodash、Echarts
等资
源包,配合云端OSS静态资源库,iconfont项目图标UI库,分离静态资源,大幅度 缩小项目体积,优化渲染与打包速度 。
项目介绍:该项目为甲方公司代理商管理的后台系统,主要功能有首页、代理商管理、业务员管理、商户管理、设备管
理、数据统计等。
技术栈:vue全家桶(Vue+Vue-router+Vuex+Axios)、ElementUI、Less、fastmock.js