项目为企业采购提供商城完整下单流程，包括商品栏目展示、购物车、采购申请等模块。 针对首屏加载时间过长，体验感不佳的问题，采取了 Vue 异步组件加载、路由懒加载、资源压缩合并以及 HTTP 请求优化等措施，显著提升了首屏加载速度，实际测试结果显示加载时间缩短了约40%。 针对上传体积过大，上传过程等待时间长，用户体验差的问题，利用分片上传技术解决大文件上传问题，大幅提升了大文件上传的成功率（提升至99%以上）和速度（平均提升50%）。 利用虚拟滚动列表解决数据量过大滑动卡顿问题，在加载上千条数据的情况下，滚动帧率提升至60fps。

随着前端项目越来越多，业务场景越来越大，各项目之前有统一的需要服务的需求，Node 中间层成为选择。 选型并搭建了 Egg+vue 的中间层项目。 系统按业务划分类型，对应类型的公共和私有图片上传到阿里 OSS。 开发业务项目本地启动自动切换环境和自动账号登录，节省需要输入不同环境账号密码时间。 基于 ElementUi 对接 UED ，构建多种不同的主题色系供客户选择。 官网素材、开放平台应用市场素材，通过动态模版构建对应 html 页面。

项目使用自研脚手架搭建，技术栈主要使用 Vue2+ElementUi ，支持了多种集成方案，标准、灵活。 负责账号和密码加密登录流程，后期升级为对接企业钉钉，通过钉钉扫码快速登录。 负责系统用户权限管理，搭建角色体系，关联菜单，做到按角色隔离菜单和数据权限。 负责 PaaS 配置侧，页面可视化拖拉拽配置布局。 开发数据可视化配置侧，页面可视化配置数据大屏展示。 对模块进行重构，实现各组件高内聚低耦合，代码可读性和可维护性增强，模块间的耦合度降低约30%，平均修复 bug 时间缩短了25%，使得项目迭代周期相比初始阶段缩短了15%。 针对列表、导航、场景菜单、操作管理等多场景，封装了多个可复用的业务组件，有效减少代码量约40%，提升了开发效率。