舒恺

电子商务

2017年09月 — 2021年07月

2020年08月 — 2021年07月

项目描述：此项目为后台项目，具有设置活动，商品上下架，发货，角⾊管理等功能； 技术栈：Vue2+ Element-UI + Axios + Webpack5 项目难点： 1、使用Vue搭配Element-UI组件库中部分功能对整体页面框架进⾏响应式布局。 2、⼆次封装Axios实现统⼀管理API接⼝，将请求进⾏拦截。 3、完成用户权限设置，根据用户权限分配不同功能。 4、使用mixin实现公共功能的开发。

2020年08月 — 2021年07月

项目描述：此项目为在线电商Web App（SPA），包括首页、搜索列表、商品详情、购物车、订单、支付、用户登陆/注册 等多个⼦模块，采用组件化、模块化、⼯程化的模式开发。 技术栈：PC：Vue2 + ES6 + Axios + Element-UI 小程序：Vue2+ Uni-Ui + ES6 项目职责： 1、⼿写分页器，实现分页器正常跳转。 2、商品列表信息过⼤，使用vue-lazyload实现懒加载。 3、结合路由前置守卫，实现登录用户与游客的权限划分。 项目总结：本次项目执⾏⾄今，体会到flex布局的特点，加深了对vue框架、token验证、sessionStorage与localStorage应用、 axios请求拦截器和⽣命周期钩⼦的理解，掌握了箭头函数、解构赋值、异步解决⽅案，组件传参等。

2021年08月 —

项目描述：格⼒钱包是服务于B端与C端用户的交易系统，主要有充值，转账，提现等功能。 技术栈：PC：Vue3 + Ant Design 小程序：Vue3 + Uni-Ui 主要职责： 1、封装hooks实现逻辑与页面布局内容分离，hooks复用率更⾼，减少代码冗余。 2、PC通过 Ant Design动态主题实现换肤功能；小程序通过配置全局控制函数实现颜⾊统⼀调整。 3、⼤量封装公共组件与hooks，实现代码⾼利用率。 4、函数柯里化可以延迟计算与参数服用。 5、使用JSDoc代替TypeScript，实现类型注解功能。 6、抽取业务逻辑进⾏封装，更⾼提⾼代码利用。 项目成果： 规范化的eslint规范、commit规则的使用，提⾼了代码质量和团队协作效率，减少了代码错误和冲突。 开发效率提升 30% ，通过组件库和优化的前端架构，减少了重复代码编写和维护⼯作。

2021年08月 —

项目描述：销售财务中台系统是为实现财务信息化，自动化，集中化所开发的项目，提⾼财务节点的掌控⼒，减少经营管 理风险。 技术栈：Vue3 + Element—Plus + Axios 项目难点： 1、使用vue-router实现动态路由与用户权限划分，实现不同用户角⾊拥有不同的操作功能。 2、封装hooks实现逻辑与页面布局内容分离，hooks复用率更⾼，减少代码冗余。 3、设计并开发了核⼼模块，如表单⽣成器，表格⽣成器等，并沉淀了相关⽂档。 4、封用components快速⽣成对应模块，例如表单，公共组件。 5、开发脚⼿架，主要用于快速⽣成基础组件。 项目成果： 规范化的eslint规范、commit规则的使用，提⾼了代码质量和团队协作效率，减少了代码错误和冲突。 通过组件库和优化的前端架构，减少了重复代码编写和维护⼯作。