因与公司签署保密协议,无法提供项目界面截图,以下为纯文字技术阐述。
项目背景:吉客云是一站式企业数字化SaaS平台,覆盖ERP、WMS、OMS、TMS、供应链、财务、BI等19个子系统、210个功能模块、1200+功能点,服务超10万家企业。我作为核心前端开发,深度参与订单管理、仓储作业、数据分析、业财一体化等核心模块的建设,并负责前端架构演进与性能优化。
技术栈与架构:Vue 3 + TypeScript + Pinia + Vite,同时维护Vue 2遗留模块并设计渐进式升级方案。采用Monorepo + pnpm workspace + Element Plus/Naive UI,构建了覆盖19个子系统的组件化体系。移动端基于uniApp跨端框架,实现iOS/安卓App及多个小程序的一码多端发布。
核心贡献:
设计多端协同架构(Windows/Mac/浏览器、App、小程序),实现统一路由/状态/鉴权,并针对不同端做离线缓存与增量更新。
开发可配置的动态表单引擎,支持财务凭证自动生成、批量化账务处理、多币种结算与批次成本核算,提供级联校验与公式计算链路。
搭建BI数据驾驶舱,实现1000+可视化组件的按需加载,采用表格虚拟滚动、图表懒加载与数据预取策略,保障大数据量报表页面的流畅度。
建立Lighthouse + Web Vitals性能监控基准,通过路由懒加载、组件异步加载、CDN优化,将核心首屏FCP/FID/LCP控制在2秒内;针对电商大促场景实现队列化渲染与异步分片,解决万级订单渲染卡顿问题。
难点突破:
自研队列化渲染与批量数据异步分片,解决订单批量处理页面的卡顿与高并发请求压力。
设计多版本共存的用户级功能灰度发布,实现新旧模块平滑切换。
针对全渠道库存中枢与物流比价场景,设计前端动态容错与多级缓存,保障弱网下的数据完整性。