昵称登录后显示

2021.6-至今 小数桔SCRM后台管理系统 Vue
项目描述：
小数桔SCRM后台管理系统，是基于企业微信的一款客户关系管理平台，主要解决了企业在管理员工及客户关系的沟通不畅，个人生活被工作绑架，业务系统体验不佳，以及员工离职信息安全困扰等问题，该项目为前后端分离+分布式为应用基础而组成的项目，由企微管理，客户营销，客户管理，内容中心，商城中心，活动报名，会话存档，统计分析，以及我的企业等功能模块组成
项目技术：vue全家桶、react、echarts、file-saver、xlsx
责任描述：
主要负责企微管理里面的敏感词设置，敏感词每日触发趋势图统计，话术库设置成员可见范围，素材库设置成员的可见范围等模块，该次项目使个人在团队合作能力、沟通能力、协调能力、 技术方面都得到了很大的提高。

2021.5-至今 竹叶青（导购） 小程序（Vue3.0）
项目描述：
该项目是一个销售茶叶的导购小程序，用户可通过切换店主（导购）权限进行买卖，提供功能有订单列表、发货列表、售后列表、存茶下单、代客下单、订单发票分配、客户分配、公共业绩、我的业绩等等。
项目技术：该项目采用了vue3.0全家桶结合taro-ui3.0框架进行开发，采取组件化开发
项目难点：vue3.0结合taro3.0，由于框架不成熟，大部分组件存在bug，例如列表、选项卡、弹窗等等
解决方案：在组件的基础上重写，对组件进行二次封装

2021.3-2021.4 影像骑士h5 Vue
项目描述：
该项目是一个视频h5网页商城，提供功能有活动详情、用户作品、用户文章、口碑视频、推荐课程、课程订单，购物车以及支付页面，用户可以通过该页面浏览商品并且购买观看课程视频。
项目技术：该项目采用了vue全家桶结合vant-ui框架进行开发，采取组件化开发
项目难点：
1.AJAX的异步写法
2.业务代码大量重复，难以对项目进行维护和迭代
3.修改vant-ui框架的样式以及功能
解决方案：
1.封装ajax请求，Promise对象返回，并用async...await 的异步的同步写法获取数据，方便后期维护迭代
2.引入自己封装的工具文件utils.js以及重复的业务逻辑的功能函数，接口管理文件api.js，函数化工程，提高开发效率
3.抽离与业务无关的代码，提高代码复用性，降低代码耦合度，提高开发效率，降低维护成本

2020.12-2021.2 仙酒商城 Vue
项目描述：
该网站是一个产品为酒类的商城网站，提供功能有商品展示，商品详情，订单确认，购物车以及支付页面，用户可以通过该网站浏览商品并且购买支付
项目技术：
1.该项目采用了vue全家桶进行开发（vuex，vue-router，vue-cli，axios），采取组件化开发
2.对反复使用的样式封装成对应的mixin.scss,base.scss，提高开发效率
3.使用element-UI插件实现页面懒加载和分页，实现分页渲染
项目难点：
1.根据设计图，组件内重复着大量的类似结构与样式
2.对用户登录的消息状态等使用vuex进行管理，在同一个资源管理仓库共享数据
3.根据接口文档，接口众多，部分接口需要请求头token值并且组件内配置请求参数复杂，造成代码冗余
4.项目中存在着大量的图片请求，如果网络不好，白屏时间过长
解决方案：
1.使用scss预编译封装公共样式，对页面内公用组件进行抽离和封装，如确认添加订单和确认加入购物车的弹窗Mod al组件的重复利用
2.用Vuex与浏览器Storage的搭配使用存储数据到缓存做到持久化保存
3.在axios的请求拦截器中设置添加请求头的操作并加上loading图优化用户请求体验，在axios拦截器中设置统一错误拦截返回信息。对axios二次封装，在组件内调用请求，方便业务代码的开发
4.使用lazy-load实现图片懒加载和element分页器，将大量数据分页请求，优化渲染
项目链接：xianjiu.kconnor.cn