React

后台资产平台开发，技术栈vue3、unocss、elementUI、pinia、vue-use 前端工程搭建react转型推动，并落地交易所平台开发，技术react、pnpm turbo monorepo、craco、storybook、antd 跨项目业务组件开发(如富文本编辑，oss上传)，前端设计规范，后端接口规范符合apifox协作工具java注解规范 低代码lowcode框架接入开发，支持通用易用的后台系统，并推动标准化组件落地

个人站点，各种前端分支技术Demo展示 展示最近研究成果及技术分享的个人站点 http://43.134.141.188:5000/donut 持续构思、更新中，有兴趣可关注； 最近主攻图形学方向； 打通前端、后端、部署、地编、建模、三维； 使用当前热门轮子 vite+Vue3/React18 双版本+threejs+webgl+gltf+glsl+nestjs+mongodb+docker

这是一个面向有信仰的年轻人的运势测算服务，在遇到问题或者处于迷茫时期时，可以尝试通过运势测试找到心中的答案。结合了中国特色文化、AI问答等方案，传统玄学晦涩难懂，通过AI实现《易经》等古籍的现代化转译，通过将传统文化要素工程化为可计算特征，既规避了「封建迷信」风险，又实现了决策参考价值。技术选型上选择了React开发前端，GO语言开发后端，AI大模型使用了目前较为火热的DeepSeek。

三语端群接龙团购程序是一款高效便捷的团购管理工具，支持多语言界面，用户可自主发布、查看接龙信息，实时参与拼团。采用高性能API架构，确保高并发场景下的流畅体验，支持快速加载与数据同步。后台提供智能结算系统，自动统计订单、核算金额，并生成对账报表，简化运营流程。无缝对接主流支付系统（如微信支付、支付宝），保障交易安全与实时到账。同时，程序具备订单管理、数据分析和消息通知功能，助力商家高效运营，提升用户参与度。适用于社区团购、企业集采等场景，轻松实现线上接龙、支付、结算一体化。

技术能力： 前端开发：精通 Vue、React 框架，擅长构建高性能 ToB 管理系统（如权限中心、数据中台），熟练运用 Uniapp、Taro 实现小程序 / H5 多端适配，原生小程序开发经验覆盖企业服务、工具类场景。可快速落地可视化大屏解决方案（ECharts/D3.js），支持数据动态渲染与交互设计。 后端开发：基于 Node.js（Koa 框架）构建高并发接口服务，熟悉 Java（Spring Boot）和 PHP（Laravel）的企业级开发流程，擅长数据库设计（MySQL/PostgreSQL）与 API 安全架构，可独立完成前后端联调与系统部署。 服务场景： 核心业务：ToB 领域深耕，涵盖 OA 系统、客户管理平台、供应链系统等，注重业务逻辑抽象与流程优化，支持定制化功能扩展。 多端延伸：H5 营销页面（活动报名、数据报表）、企业小程序（内部工具 / 客户服务入口）开发，适配微信 / 支付宝 / 百度多平台。 可视化方案：政府 / 企业数据大屏（实时数据监控、趋势分析），支持动态图表、地图可视化、钻取交互等功能。

核心增强技术 动画库 Framer Motion：为React设计的强大动画库 GSAP：专业的JavaScript动画工具，可与Three.js配合使用 3D模型处理 react-three-fiber：Three.js的React渲染器 drei：react-three-fiber的实用工具集合 glTF/GLB格式优化：使用Blender或在线工具优化3D模型 UI/UX增强 Tailwind CSS：实用优先的CSS框架 Chakra UI：模块化组件库 Styled Components：CSS-in-JS解决方案 高级功能建议 交互式3D体验 3D产品展示/作品集 可交互的3D场景导航 WebXR集成（VR/AR体验） 创意效果 粒子系统（使用three.js或particles.js） 着色器效果（GLSL） 视差滚动与3D结合 性能优化 Next.js的ISR（增量静态再生） Three.js的懒加载和性能优化 使用Suspense进行代码分割

本系统主要解决公司蓝莓采收及销售，跟ERP系统进行交互完成业财一体化以及农事生产管理；支撑公司每年四万多吨蓝莓的采收及销售，以及管理层的报表展示；采用了javaspringcloudAilababa相关技术以及企业微信消息提醒、ERP系统等共同完成业务；方便生产管理，工人管理，工时工费核算等，实现了植保病虫害管理、植保肥药方案管理、植保巡园管理、植保工艺单管理、任务管理、工时和工费自动核算，工人可实现查询工费信息；

项目为客户成功获得香港政府投资资金，为香港宠物品牌量身定制了一款多功能宠物APP+电商平台，整合宠物社交、健康管理、线上购物及服务预约等功能，采用React Native跨平台框架开发，实现iOS与Android（APK）版本同步上线，显著降低客户开发与维护成本。 核心亮点与成果 1. 技术选型高效降本 - 选用React Native同构开发，节省30%以上成本（相比原生双端开发），同时保障流畅用户体验。 - 集成AWS云服务实现高并发支持，确保香港地区稳定访问。 2. 功能模块全覆盖 - 电商系统：商品展示、支付接口（支持支付宝HK、PayMe）、物流追踪。 - 健康管理：AI宠物健康建议（合作本地兽医诊所）。 3. 政府基金申请成功 - 协助客户通过香港创新科技署「科技券计划」（TVP），获批基金补贴，覆盖部分开发费用，提升项目ROI。 客户价值 1. 快速上线：3个月内完成MVP开发并迭代优化。 2. 本地化适配：支持繁体中文、英文双语，符合香港用户习惯

1、本App面向使用欧普系智能家居的普通用户 2、先比较市场其他产品，提供一键入网，一键配置场景，简单高效 3、使用react-native框架进行开发，提供跨平台特性，多端使用，封装组件库提高代码复用率，提升开发效率 4、使用websocket进行设备控制、设备状态接收，同步UI显示 5、使用redux进行状态管理，实现数据UI双向绑定，避免了组件间层层传值，难以维护管理问题，数据更新实时同步UI显示，提升体验

1.该项目是有pc端和移动端两部分组成pc端是vue3+react+ts+element-ui，移动端是uinapp+vue2+js+uView 2.本项目的pc端本人负责界面开发，接口对接以及公共组件的封账以达到项目可用的范围 3.本项目的APP端是用脚手架从0到1开始搭建然后公共组件封账，功能开发，界面开发接口调试 4.该项目的主要功能是物品采购，物品销售，支付功能，售后，调拨，盘点，和看板以及报表等功能开发本人这些功能开发均参与

家政行业 Sass 系统全流程开发，微信小程序/抖音小程序独立开发上线、业务涉及六个城市，用户累计百万。 系统包含用户管理、订单管理、预约下单、售前售后、活动营销、产品获客 包含移动端H5、后台管理系统、小程序等研发 技术栈：Vue3、React、Pinia、Uniapp、微信小程序、Sass、websocket等

# MES智能制造执行系统项目介绍 ## 项目概述 本MES系统是一套面向离散制造业的智能制造执行系统，采用前后端分离架构，前端使用React 18 + Ant Design Pro技术栈，后端采用.NET 6.0框架开发。系统致力于实现生产过程的数字化、可视化和智能化管理。 ## 核心功能模块 ### 1. 生产计划管理 - 主生产计划制定与分解 - 生产订单管理与排程 - 计划执行监控与调整 - 产能平衡分析 ### 2. 生产过程控制 - 工序流程管理 - 工艺参数监控 - 生产进度跟踪 - 实时数据采集 ### 3. 质量管理 - 在线质量检测 - 不合格品管理 - SPC分析 - 质量追溯 ### 4. 设备管理 - 设备实时状态监控 - 预防性维护计划 - 设备故障诊断 - 设备档案管理 ### 5. 物料管理 - 原材料库存管理 - 在制品管理 - 成品入库管理 - 物料追溯 ## 技术特点 ### 1. 前端技术栈 - React 18 + TypeScript - Ant Design Pro组件库 - Redux状态管理 - ECharts数据可视化 - WebS

智能高校竞赛管理云平台 ——基于动态权限与多维度协同的竞赛全流程解决方案 一、目标用户与核心价值 服务对象： 高校教务处：校级竞赛统筹管理者 竞赛负责人：院系/学科竞赛组织者 指导老师：参赛团队指导与评审 学生评委：跨年级学生评审代表 解决痛点： 流程碎片化：传统手工管理导致报名、评审、结果公示环节脱节 数据孤岛：多部门数据分散，统计耗时且易出错 权限混乱：临时评委账户管理困难，存在越权风险 效率瓶颈：人工分配任务耗时长，紧急任务响应慢 二、差异化竞争优势 相比传统竞赛管理系统，本平台具备以下创新特性： 对比维度 常规系统 本项目 架构设计 固定功能模块 动态菜单+权限引擎，支持按需扩展 权限管理 静态角色分配 多级动态角色继承，支持临时授权 任务分配 手动指定 智能推荐+人工干预双模式 数据整合 独立报表生成 实时数据驾驶舱，支持穿透式钻取 评审机制 单一教师评审 师生混合评审，支持匿名交叉审核 核心亮点： ✅ 智能冲突检测：自动识别评委-参赛者关联关系，规避利益冲突 ✅ 多级审核流：院系初审→校级终审→结果公示的标准化流程引擎 ✅ 移动端兼容：评委可通过微信

该项目电商平台运营管理人员，商品编辑与审核人员，订单处理与客服团队，数据分析和市场营销人员。 解决电商多品类、多商户、多促销活动的管理难题，应对海量商品、订单、用户数据的高效处理与展示，确保库存、订单状态等关键信息的实时更新。 按功能划分独立模块（商品、订单、会员、营销等），适配不同设备的管理需求，批量处理、快捷操作等效率优化

项目为典型的移动互联网工程主要负责解决用户通过互联网完成便捷快速的车辆年检项目分为用户端和站内端两部分 ●用户端主要提供完善的用户车辆信息上传、下单、支付、售后、发票等相关功能 ●站内端提供完整的车检行业解决方案 ● 项目亮点：作为移动互联网领域的典型项目，旨在为用户提供便捷快速的车辆年检服务，创新性地分为用户端和站内端。用户端实现车辆信息上传、下单支付、售后及发票等一站式功能；站内端提供完整且专业的车检行业解决方案。

本项目脚手架快速搭建web服务。基于epoll/poll/select + c + cmake +react19 +vite 5 +antd。 本项目特点：基于epoll，轻量级，资源消耗少，跨平台（linux/windows）。 分前后端项目代码，源代码少，vite和cmake一条龙构建。 分前后端项目代码，源代码少，vite和cmake一条龙构建。 分前后端项目代码，源代码少，vite和cmake一条龙构建。

项目描述：该项目是一个化妆品鉴别的小程序。小程序以“假货不在，我们便在！”用户可在小程序上上传需要鉴别的化妆品图片，鉴别师可登陆小程序或管理端做查看与验证管理，用户便能够在小程序上查看鉴别结果。前端技术架构有：Tarojs+reactjs，nodejs+vue 工作职责： 7、将视觉稿转化成小程序页面，实现产品功能。以React 语法、还有小程序的原生方法实现8、以及一些地区字母索引、富文本、品牌筛选、图片上传、展示等，需要第三方插件来实现9、管理端以Vue+ElementUI+Webpack 实现

以数字化赋能律师事务所管理，推动法律行业智能化转型。该系统整合案件管理、财务管理、协同办公等核心功能，助力律所实现流程标准化、业务高效化、数据安全化。 1、高效便捷：减少重复性工作，自动生成案件呈批与结案报告‌。案件处理效率提升40%以上。‌ 2、数据安全：支持敏感信息加密与操作日志追溯‌。‌ 3、灵活适配‌：支持公有云/私有云部署，支持模块化定制，满足不同规模律所的管理需求（如合伙制、公司制律所）‌。‌ 4、多终端协同‌：PC端、移动端数据实时同步，律师可随时随地处理案件与审批流程‌。

面向工厂智能实时监控货物运送流程 3D编辑器控制和自定义模型/场景 三维和二维地图 低代码蓝图节点智能的思维导图实现功能 面向工厂智能实时监控货物运送流程 3D编辑器控制和自定义模型/场景 三维和二维地图 低代码蓝图节点智能的思维导图实现功能 面向工厂智能实时监控货物运送流程 3D编辑器控制和自定义模型/场景 三维和二维地图 低代码蓝图节点智能的思维导图实现功能

高级前端开发工程师 | 全栈技术方向​​ ​​工作经验：4年​​ ​​技术领域​​：全栈开发 | 跨端解决方案 | 工程化建设 | 高性能网站架构 技术能力矩阵 ​​前端核心​​ 框架：Vue3+TS（ElementUI/Antd）、React18+Next.js、Nuxt3服务端渲染 工程化：Webpack5模块联邦、Vite3微前端架构、Electron桌面端工程 跨平台：Uniapp多端开发、微信小程序（原生+Taro）、鸿蒙轻量级应用 进阶：ES6+异步编程、Canvas可视化、WebGL基础、PWA离线方案 ​​后端协作​​ Node全栈：NestJS微服务架构（TypeORM/Mongoose）、Express中间件开发 数据库：MongoDB分片集群、Redis缓存策略、RESTful/GraphQL接口设计 DevOps：Docker容器化部署、Jenkins持续集成、Nginx负载均衡配置 ​​工程实践​​ 官网架构：主导完成3个千万级PV官网项目（Nuxt/Next服务端渲染优化） 性能优化：首屏加载≤1.2s（Lighthouse评分≥95）、Web Vi