金凯

针对工业控制系统的安全管理平台，主要功能包括对工业控制网络中的安全设备进行统一管理、配置、授权和响应，以图表的方式对设备信息进行统计和显示。

Vue3，Ant Design Vue，ECharts

·负责前端工程化体系建设，配置Vite多环境支持，集成Prettier和ESLint，统一代码风格，减少代码审查时间；

·使用Husky和lint-staged配置Git提交钩子，确保代码提交前通过 ESLint 检查，提升代码质量；

·重构多个模块的输入表单，抽离出通用验证逻辑，提升代码复用性和维护性；

·检查并优化页面元素的响应式布局，提升用户体验；

·统一显示风格，包括表格，弹窗，按钮风格，保持页面的视觉一致性；

·封装表格组件，抽离数据请求，实现表格列的配置化，提升复用性；

·梳理和定义前端接口类型，提升可维护性；

·将后端返回的消息实现多语言支持。

基于标准 Web 技术的网页组态平台，支持 2D 组态和 3D 可视化组态，可实现实时监控 和远程控制各种工业过程，可用于能源管理，智慧楼宇，工业数字化等。

https://www.wagoscada.cn

Angular，TypeScript，RxJS，Fabric.js，AntV，Echarts，SignalR

·负责项目前期可行性调研和技术选型;

·主导整个系统前端架构搭建，设计全局状态管理和实时推送机制;

·为全系统 45 个画面控件制定统一数据结构，统一实现控件属性的修改和保存，提高代 码复用、可维护性和可扩展性;

·负责开发万级变量列表及性能优化，在频繁滚动时，通过防抖和虚拟滚动，使得每行 的实时数据从订阅到渲染无明显延迟;

·封装通用功能，拆分子项目，将一个冗杂的大项目拆分成 9 个子项目，提升可维护性;

·使用Three.js构建3D模型交互效果，将实时数据与3D模型关联，动态更新模型状态；

·参与编写单元测试和代码 Review。

用于展示和控制钢化玻璃生产过程中的产线状态，集成订单管理功能，根据订单自动调 整生产计划。

Angular，RxJS，Ant Design

·负责订单管理页面开发;

·负责产线可视化，在生产线图像上应用不规则 SVG 覆盖层，显示钢化炉不同区域的实 时温度数据;

·通过 SVG，JS，CSS3 绘制生产过程动画。

一款用于显示污水处理设备实时状态、实时报警、历史统计、维保订单和人员管理的 App。

Ionic，Angular，Cordova

·负责 App 所有页面的开发;

·负责 App 的真机调试和打包发布;

·解决打包后相机插件和原生安卓的不兼容问题。

设计并开发了一个功能丰富的个人知识库管理平台，包含学习进度管理、四象限优先级计划、个人代码库、实时聊天、文件上传以及基于AI的简历匹配职位等功能。

Vue3，Node.js，Express，MySQL，WebSocket，DeepSeek API

·基于Ant Design Vue构建前端界面，实现学习进度管理界面；

·开发四象限优先级计划模块，通过原生JS实现各象限之间的拖拽功能；

·基于Socket.IO实现实时聊天功能；

·开发代码库模块，支持常用代码的分类管理；

·集成DeepSeek API，实现简历匹配职位功能；

·基于Express框架搭建后端服务，集成Swagger接口文档，使用MySQL进行数据存储和管理。

http://www.c2engine.com

HTML5，CSS3，JavaScript，Bootstrap，jQuery

·根据效果图实现官网页面;

·基于 Bootstrap 框架，实现从手机端到 PC 端的响应式布局。

将Unity 3D的界面使用Web技术实现，编写JavaScript来处理用户交互。

HTML5，CSS3，JavaScript，jQuery UI

·仿照 Unity 3D 实现 web UI 布局;

·对第三方 JS 库进行移植和二次开发。