前端框架
Vue 2/3(组合式API、响应式原理)、React 16+/18(Hooks、Next.js App Router)
状态管理
Vuex、Pinia、Redux、Zustand
UI组件库
Element UI、Ant Design、Antd Mobile、Vant
数据可视化
ECharts、高德地图API
多端开发
微信小程序、微信公众号H5、响应式适配
工程化
Webpack、Vite、Gulp、代码分割、懒加载、CDN优化、SEO优化
后端辅助
Express、Koa(具备Node.js服务端基础开发能力)
项目管理
独立架构设计、工时评估、代码评审、技术文档编写
合同中台(Vue 2 + Element UI + TypeScript)
*2022.04 - 2025.02*
企业级合同全生命周期管理系统,涵盖起草、审批、签署、履约、归档全流程,支持多租户架构。
核心贡献:
独立负责前端架构设计与核心模块开发:从0搭建项目架构,设计代码目录和组件分层方案,确保多人协作的代码一致性。
深度定制WPS Web Office SDK:封装自定义工具栏,实现文档自动保存与冲突检测机制,将用户文档丢失率降为0。
基于开源表单设计器二次开发:扩展20+种业务表单控件(金额输入、日期选择、级联选择、签约方选择等),实现表单与文档双向绑定,合同创建效率提升约40%。
可视化流程配置器:基于Workflow引擎定制开发,支持动态权限分配和流程节点监控,非技术人员可自助配置审批流。
权限体系落地:通过动态路由实现页面级权限,通过v-permission指令实现元素级权限,确保多租户数据隔离。
数据看板:使用ECharts开发履约提醒、合同分类统计等多维度可视化模块。
开发区机动车大数据环保运行监管平台(React + umi + Ant Design + ECharts + AMap)
*2022.04 - 2025.02*
通过大数据和物联网技术,对开发区机动车进行排放监测、行驶轨迹追踪、异常行为预警的实时监管平台。
核心贡献:
独立架构设计:负责平台前端整体架构设计与实现。
数据可视化模块:利用ECharts展示机动车排放数据、污染趋势分析等关键信息,为环保部门提供决策支持。
性能优化:通过代码拆分、图片懒加载、CDN加速等手段,显著提升页面加载速度。
地图集成:集成高德地图API,实现车辆实时位置追踪与轨迹回放。
实时数据通信:与后端团队紧密协作,通过WebSocket实现数据实时更新。