企业ERP管理系统

1. 项目背景
原有ERP系统由于早期野蛮生长，遗留了大量冗余代码，导致新功能开发掣肘严重；运营视频素材缺少统一存储和管理机制，历史素材容易丢失；销售人员追踪客户路径不可见导致不可复盘且交接麻烦；权限限制简单；首屏页面数据加载缓慢；大列表、大图表渲染经常导致页面假死；
2. 技术栈
Vue3、Pinia、SCSS、Element Plus、Vue Router、Axios、Vite
3. 工作内容
● 基于业务场景封装高级搜索、动态表格、导入导出、审批流和消息中心等公共组件，并通过配置化字段、插槽和事件机制支持不同业务模块复用，减少重复代码和后续维护成本，通过共享组件给组内成员，新模块平均开发周期由约5天缩短至3天；
● 在运营板块引入大文件上传，让运营素材留存；根据运营主题、素材等内容选择自动生成上下文，并通过AI生成视频脚本文件；
● 参与接口字段、分页协议和权限标识规范制定，与后端统一菜单权限、操作权限和数据范围权限的数据结构。实现基于RBAC模型的动态权限管理系统，与后端统一菜单、操作及数据范围权限协议；前端通过动态路由、路由守卫和权限指令控制页面及按钮展示，后端依据角色与数据范围执行接口鉴权；支持管理员动态配置角色权限并及时生效。
● 针对批量导入时数万条数据的前端校验场景，使用 Web Worker 执行字段校验与数据转换，并采用分片渲染和虚拟列表展示异常记录，避免计算阻塞主线程。针对大规模经营数据分析页面，由后端完成分组聚合，前端对图表数据采用抽样、分片计算和渐进渲染，避免大数据量计算与绘制阻塞主线程。
● 开发客户全生命周期管理系统，涵盖线索获取、客户转化、商机跟进、合同签订、售后服务等阶段。通过可视化Pipeline看板实时展示各阶段客户分布，支持拖拽式阶段流转，自动记录阶段变更日志与耗时分析，为销售策略优化提供稳定数据支撑；
● 接入Sentry及自研日志系统，采集页面异常、接口错误和关键性能指标，支持按版本、用户及页面定位线上问题，缩短问题发现与排查时间；
● 引入前端自动化测试标准，使用 Vitest 进行单元测试（工具函数、组合式函数及核心业务逻辑），使用 Cypress 进行 E2E 测试和组件测试；

某教育平台
1. 项目背景：
    一对一家教平台开发，包含网站开发、小程序开发、APP应用开发
2. 技术栈：
    Nuxt、Vue2、Vuex、Webpack、WebSocket、i18n、TIM、Ant Design Vue、JPush、uni-app、uView
3. 工作内容：
● 从0到1构建项目，项目搭建，任务拆解，需求实现；
● 封装移动端和PC端通用组件（如搜索、名片、日历、排期表、IM、通用弹窗、支付等），使用Storybook写明组件使用规范；
● 通过 IndexedDB 持久化最近会话和聊天记录，进入会话时先展示本地数据，再与服务端增量同步，改善弱网环境下的会话打开速度；建立重连和消息序号补偿机制；WebSocket双连接职责拆分，将即时通信与业务通知拆分为独立通道，优先保证大量聊天场景下业务消息的可达性；
● 前端通过防抖和提交状态锁阻止短时间重复操作，并与后端约定幂等键，由服务端校验重复请求，降低重复下单风险;
● 移动端按优先级拆分首屏任务，对组件和图片加载策略进行优化，最终FCP<1.2s，并发请求、业务请求优化，高峰期服务器负载降低20%；
● 对教师详情和公开课程页面配置动态 title、description、canonical、结构化数据和 sitemap，提升公开内容的搜索引擎收录质量；
● 使用请求合并、缓存和懒加载优化首屏，将非关键接口推迟到首屏完成后加载，并减少同一用户信息在多个组件中的重复请求；

某企业官网
1. 项目背景
为企业运营提供流量支撑
2. 技术栈
Nuxt、Vuex、Element UI、Axios、Webpack
3. 工作内容
● 项目负责人，独立负责项目从0到1开发；
● 根据产品、解决方案、案例和新闻等内容类型设计可复用页面模板，支持运营人员通过后台配置页面内容，减少简单内容调整对前端发版的依赖；
● 制定响应式布局规范，覆盖常见桌面端、平板和移动端尺寸，并对导航、表单、和图片展示等复杂区域进行专项适配；
● 使用 Puppeteer 在发布阶段生成公开页面静态 HTML，并结合 CDN 缓存静态资源；对新闻详情等动态内容设计缓存失效和重新生成机制，减少高峰期、爬虫爬取期服务器压力50%；细分页面依赖，对非首屏组件