项目职责:负责登录登出、首页、组织架构、员工汇总页面、公司权限分配、权限设置、审批等前端开发工 作,实现功 能开发与前后端交互。 实现细节: 1.代码优化:为减少代码冗余度,将组件的公共逻辑或者配置抽取出来成mixins文件,大幅度缩减重复性代 码,避免了 重复性工作。 2.性能优化:使用web worker解决大量的导出excel数据时,单线程模式下的计算逻辑压力过大全程执行 script逻辑,导 致页面卡顿无法响应用户的其他操作的问题 3.组价封装:将文件上传,导出、下拉框、常用表格页、复选框等公共组件涉及多处使用的功能抽离封装成全 局组件, 方便复用 4.使用ElementUI提供的分页组件实现分页el-pagination,动态计算页数索引,调用接口获取一页数据 5.角色鉴权:基于RBAC的软件系统权限管理设计实现了一套角色和权限方案,通过路由导航守卫配合用户合 法路由表 鉴权,实现管理控制各级用户的路由访问权限。通过vuex存储用户信息,用户按键权限表,实现了通 过操作权限管理模 块内的用户权限数对不同登录用户的操作的权限控制。 6.参与配置less全局样式变量和样式函数及混合,可快速更换展示主题风格,完成ellipsis函数编写,可高 效配置内容换 行隐藏功能。 7.在登录、以及对页面进行数据渲染前,通过Postman工具对各个接口文档的接口进行测试,保证文档的正确 性,及时 与后台进行相应的沟通 项目介绍:该后台管理系统集成了首页、组织架构、员工信息、角色分配、权限管理、社保管理、考勤管 理、站内搜 索 、工资情况、审批等模块的相关业务的呈现,使公司系统性的管理每一层的角色关系,实现智能 化运营。其 中首页包含 公告、工作日历、流程申请等的快速入口。公司设置包含各部门角色的权限分配以及 修改和删除。权限设置包含增 删改 查,为角色分配可以查看及修改的模块等一些公司内部各级员工的相关业务 操作。 技术栈:项目基于Vue2、ElementUI 、Less、Vuex、Axios、Mockjs开发

项目职责:负责该小程序端的登录、首页、购物车、仓库、订单以及我的模块等等 实现细节: 1.使用fastclick解决部分设备点击延迟300毫秒的问题,使用better-scroll代替原生解决页面滚动不流 畅的问题。 2.受限于服务器的带宽不足,高流量时段部分接口响应较慢,在首页和购物车中使用了localStorage本地化 数据缓存预 加载方案,通过缓存用户最近一次拉取的数据,在用户此后进入页面等待接口响应时预先加载缓存 数据,防止发生空屏l oading现象。 4.通过商户Server调用*统一下单Api请求生成预付费订单pre_pay_id,用户确认支付后完成支付 5.封装方法:负责页面在线客服模块开发,独立封装websocket公共方法,配合后端实现了消息动态刷新与 消息通知实 时推送,解决了消息通知滞后提醒的问题。 项目简介:该APP是一款公司自研的盲盒抽取小程序,具有商品搜索、浏览、查阅、商品加购、在线支 付、销售记录、订单查询、晒单、评价、登录、注册、收藏等功能。 技术栈:基于uniapp开发

项目职责：本人负责，跨境商城：头部组件，底部组件、搜索框的模糊匹配、商品详情页、店铺首页、商品分类页面 等等 商家管理后台：上传附件页面、钱包充值页面、提现页面、订单历史页面等等 代理后台：卖家列表页面、买家列表页面等等 实现细节: 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