核心框架与工程化
1. Vue 全栈:主导过 3 个以上大型 toB/toG 项目从 0 到 1 落地,涵盖需求分析、技术选型、部署运维全流程;
2. 具备 React 基础开发能力(Hooks + JSX),了解 Next.js 服务端渲染原理
3. TypeScript 深度实践:在 Vue3 项目中实现 TSX 组件开发模式,设计前后端类型共享方案(通过OpenAPI 生成 TS 类型定义);
可视化与地图开发
1. ECharts 高阶应用:开发动态数据大屏(支持 10 万+数据点实时渲染);封装 GIS 地图联动组件(OpenLayers 与 ECharts 热力图融合);
2. 空间数据可视化:基于 OpenLayers 实现瓦片地图懒加载;开发自定义地图标注工具(支持 GeoJSON
数据导入)。
后端开发
1. 掌握 Node.js 中间件开发模式,基于 Node.js + Express 构建 RESTful API,开发过进销存管理系统后端模块;
2. 使用 MySQL 进行表结构设计与查询优化(索引优化/事务处理);
3. 掌握 Sequelize 等 ORM 工具;
4. 系统部署:阿里云服务部署经验(Nginx 配置+PM2 进程管理);
5. 实现过自动化部署脚本(CI/CD 基础)。
开发范式与协作
1. 模块化架构:设计 Monorepo 方案管理多项目公共组件;发布私有 npm 组件库;
2. 设计 Git Hook 拦截不规范提交(ESLint+Commitizen)。
倍通医药数字化 SaaS 系统
为多家 TOP 药企提供多维度业务数据可视化分析,助力企业决策优化。系统涵盖权限管理、动态路由、Excel 交互、地图数据展示等核心功能,支持不同业务场景的定制化报表开发。
核心贡献与技术实现:
1. 基于 ECharts + DataV 构建动态渲染引擎,支持 10W+ 数据点实时展示,优化大数据场景下的 GPU
渲染性能;
2. 采用 Vite + TypeScript 搭建企业级开发环境;
3. 封装 20+ 可复用业务组件(动态表单、智能表格、权限弹窗),发布私有 npm 组件库,团队开发效率
提升 50%;
4. 设计自定义 Hook(如 useDataFetch、usePermission),抽离通用逻辑,增加代码复用率;
5. 基于 Pinia + 路由拦截实现权限模型,支持动态菜单加载,适配不同药企的职能架构;
浦东智能辅助决策系统
浦东应急管理局重点示范项目,为辖区内 200+化工企业构建的灾害模拟与应急指挥平台:事故影响模拟:动态计算火灾/爆炸/泄漏的扩散范围(支持 72 小时预测);多终端作战:PC 端指挥大屏 + 移动端现场救援实时联动;智能语音协同:恶劣环境下通过语音转文字完成灾情上报。
1. 基于高德/百度双地图引擎 开发:热力图渲染实时展示毒气扩散浓度,采用 Highcharts 实现环形扩散动
效,模拟爆炸冲击波,同时显示避难所/消防栓等应急资源,开发 "灾害推演时间轴" 控件,支持回溯事故发
展过程;
2. 建立指挥中心-现场终端双向通道,使用 WebSocket 处理高并发任务;
3. 集成讯飞语音 SDK,实现嘈杂环境下的语音指令识别,自动生成结构化灾情报告;
4. 采用 @media + vw/vh 适配 4K 大屏~移动端,针对 IE9+特殊优化,兼容政府老旧设备;
5. 基于 Vue2 构建现场救援 APP,实现离线地图缓存。
新疆公安大数据平台 & 智搜人员情报系统
1. 公安大数据平台(指挥大屏)
核心功能:
整合 12 类数据源(住宿/交通/物流等),日均处理数据 5000 万+条;
通过 ECharts GL 实现:人员迁徙热力图(动态显示全疆人口流动);涉恐关联网络(关系图谱挖掘深
度达 5 层)。
2. 智搜人员情报系统(ES 引擎)
核心能力:
毫秒级检索:基于 ElasticSearch 构建索引,支持 2000 万+人员库模糊查询;
家庭拓扑分析:用 ECharts 渲染 10 级亲属关系网;
水印追踪系统:开发动态水印算法,含用户 ID/时间戳信息,实现截图溯源功能,泄密追溯率 100%。
安全机制:白名单分级:设置 3 级敏感人员保护策略。
日志审计:记录所有查询行为,留存 6 个月。
这是目前在做的一个云服务产品,因为是政务产品,所以不便公开,只能把登录页信息展示出来 界面大部分是表格和表单,外加部分图表页面 因为是内网产品,所以也链接地址也不便公开
主要是一个大屏的项目,在17年做的,主要是echarts来完成。 主要人员前端本人一人 就一个页面,所以没有多余的截图