一 :项目名称: 客户无忧企业管理
项目周期:一年
项目描述: 客户无忧系统是一个简单实用的企业后台管理系统,为中小销售团队量身设计,有效积累客户
负责模块: 项目构建和性能调优
技术要点:
vue3、vite、ts、element plus,echarts,nodejs.
项目流程:
1、引入element puls组件库静态呈现
2、登录登出状态保持与切换,基于token状态拦截、404页面,动态路由加载
3、列表功能的增删改查与分页切页,页面按钮指令权限管理,无限级菜单
4、封装echarts组件展示可视化数据表图,数据大屏
5、封装国际化组件,ckeditor编辑器,系统全屏化,主题切换,表格拖拽和axios全局方式工具函数等
6、结合组合式api,setup语法封装自定义hook,实现逻辑复用
难点:鉴权导致的重复请求引起性能问题
解决:权限验证和动态路由存储检验由前端完成,减少请求,预加载菜单防止用户切页卡顿
二:项目名称:三朵云数字化平台
项目周期:一年
项目描述:三朵云数字化平台是华为旗下的一个综合性数字化平台,集方案与营销一体
负责模块:平台框架包的维护,通用系列组件的开发和改组
技术要点:
Simple-uploader、canvans、postmessage、iframe、vue
项目流程:
1、开发并维护平台隐私协议,法律声明和各种loading,信息提示系列组件
2、用户鉴权、userid改造加密文件信息的脱敏
3、封装通用弹窗,自定义活动数据模板,多级联动鱼骨图组件
4、引入simple-uploder进行上传功能改组,分片上传大文件,断定续传
5、演示节点切页自动轮播,canvans绘制工具栏画笔
难点: 模块适配宽度百分比
组件跨模块,跨服务调用问题
工具栏分模式显隐混乱
性能瓶颈,内存泄漏
弱网模式下页面续传
解决:对数据流梳理并添加swicth判断,利用双向绑定原理实现自定义适配试图更新
引入整个服务,层层加载,实时监听捕获接受postmessage命令
生命周期内执行定时器销毁
通过控制台performance属性进行性能排查,通过开发者工具Js heap size定位内存泄漏问题
控制台自定义网络速率模拟,代码里添加判断和定时器等待。