技术能力

我具备超过 7年的前端研发经验，在 Vue、React、TypeScript、Vite、Webpack、前端工程化 等领域有深入实践，微前端、Monorepo、多应用集成等场景。页面加载速度优化、首屏渲染优化、代码分包与懒加载策略。搭建前端工程化体系（CI/CD、自动化测试、Lint、代码规范）

项目经验

信息系统集成平台
使用技术 : onlyOffice 、Pinia 、Element Plus 、Echarts 、Vue Router 、Tailwindcss 、Vueuse
项目简介 :该项目是面相企业客户，提供设备采购、资产管理、维护巡检、设备遗失报废、出入库等模块的信息化管理系
统。该平台作为信息系统集成的基础支撑，集成了客户 CRM 子系统的数据与权限模型。
职责描述 :设备入库、出库、调拨、维修、报废流程，支持批量导入与采购单打印；巡检计划制定、人员分配、设
备状态回报与生成巡检报告；采购申请、审批流、供应商管理、合同归档
 使用微应用系统架构，集成多个子系统
 动态渲染路由处理权限控制，使用自定义指令处理按钮权限
 使用 Pinia 模块化公用数据，如用户信息、系统配置、权限系统
 封装公用 hooks 模块，提升开发效率
 使用 ECharts + 自定义组件库构建动态报表（按部门、时间、状态等维度统计）
 使用 onlyOffice 协同文档编辑
 参基于 schema 封装动态表单组件，实现配置驱动表单（适用于设备登记、采购审批等多种场景）
成果：
 将 webpack 升级为 vite，减少冷启动加载时间约 40%
 参与公共业务组件库的开发 引入懒加载于按需打包，优化构建速度

平台组件库
使用技术 : Vue，Ant Design Vue，Vite，Typescript，Rollup，JSX，SCSS
项目简介 :随着公司多个业务系统不断扩展，UI 风格和交互体验存在不一致问题，重复开发率高，维护成本大，因此该
项目是针对 CRM 和 OA 系统开发了基于 Ant Design Vue 二次封装的组件库，统一公司各业务系统的前端标准，提升
开发效率和一致性。包括通用表单,虚拟列表，表格封装，组织树选择，文件上传、视频播放，风采展示等模块。 职责描述 :封装组织树，人员选择，工器具选择，文件上传，封装 hooks。
 使用单仓多包构建，发布为 npm 私包供业务使用
 使用 vitest 为组件提供测试用例
 使用 Rollup 支持 tree-shaking
 使用懒加载优化图片显示
 使用 vite-plugin-dts 生成.d.ts 文件，确保业务开发中能获得完整的类型支持
成果:
 通过分包策略加载（subPackages）拆分业务模块，主包控制在 2MB 内
 图片压缩与静态资源 CDN 化，降低加载耗时

团队情况