项目经验
展示我在前端开发领域的项目经验和技术实践
灵构平台
基于Vue的动态组件平台，设计动态组件加载引擎、变量表达式引擎、组件代理架构，实现运行时组件扩展和配置驱动的应用构建能力。
Vue动态组件表达式引擎ProxyEventEmitter
核心亮点
- 动态组件加载引擎：基于Function构造器和defineAsyncComponent实现运行时组件注册
- 变量表达式引擎：基于provide/inject实现上下文变量注入机制
- 组件代理架构：使用ProxyComponent实现属性透传和设备适配
- 高性能渲染优化：组件懒加载、虚拟滚动、Web Workers处理复杂计算
智能运维移动管理系统
满足客户移动化办公和高响应业务处理要求的战略级产品，基于原有桌面系统的重构升级。
ReactMobxQiankunAntd移动端适配
核心亮点
- 移动设备组件改造：针对小于768px设备进行响应式适配
- 打包方案优化：基于AST分析项目，高压缩高分割的移动端打包
- 性能优化：使用bundle-analyzer和lighthouse进行SEO和代码使用率优化
- HOC组件封装：Status、AuthWrapper等功能复用组件
企业级低代码平台
采用React + Monorepo + Lerna + Yarn Workspaces模式的企业级低代码平台，支持SaaS架构和完整代码生成能力。
ReactMonorepoLernaTypeScriptRBAC
核心亮点
- 工程化架构：Monorepo + Lerna + Yarn Workspaces统一版本管理
- 安全认证：双Token机制（Access Token + Refresh Token）
- 国际化支持：UI界面和业务数据的国际化处理
- 权限控制：基于RBAC2的角色控制体系，字段级精细化授权
- 组件生态：100+企业级通用或精深业务组件