RELICS OF INNOVATION
餐饮小程序 | 线上点餐 | 商家后台
商家入驻、在线点餐、订单管理、支付集成、打印机对接、公司官网
负责餐饮业务线全端前端架构与核心功能开发,产品矩阵覆盖 C 端用户、B 端商家、平台运营,服务 30+ 餐饮品牌,日均订单量 50+。 多端产品矩阵与核心功能 C 端:帮到你饮食小程序(点餐、团购、预约、会员)、帮到你官网(Astro 静态站点) B 端:帮到你商家管理系统(PC)、帮到你商家 APP(Uniapp),支持商家入驻、商品上架、订单管理、团购核销、打单机对接 平台运营:魁腾蛟后台管理系统(Vue3 + Element-Plus),统一管控商家审核、自营商店、数据报表 关键业务模块实现 全场景点餐体系:支持线上点餐、线下扫码点餐(先付/后付两种模式),基于 Uniapp 实现商家 APP 端核销与订单同步,保证多端状态一致性 商家入驻与自营商店:设计商家入驻流程(资质上传、审核状态流转),自营商店支持平台自营商品与商家商品混合展示,通过权限控制区分运营后台操作 对接打单机:在商家管理系统与 APP 中集成蓝牙/网络打印功能,实现订单自动/手动出票,降低商家漏单率 团购与预约:实现团购券码生成与核销逻辑,预约时段防冲突校验,支持小程序订阅消息推送 技术架构与工程化 技术栈统一:PC 端采用 Vue3 + Vite + Pinia + Element-Plus,移动端使用 Uniapp + uView,官网选用 Astro 实现 SEO 友好与高性能静态站点 工程化部署:基于 Jenkins + Docker 搭建 CI/CD 流水线,实现多环境(dev/test/prod)自动化构建与部署,单次发布时间从 30 分钟缩减至 5 分钟 性能优化:小程序分包加载(主包 1.2MB,分包总计 8MB),首屏打开时间优化至 1.5s 量化成果(可根据实际数据调整) 服务商家数:30+ 餐饮品牌 日均订单:50+ 单 商家入驻转化率:35% 小程序日活:100+ 官网 SEO 优化后自然流量提升 20%
数据中台 | OA | 数据大屏 | 能源监测系统
数据中台、任务工单系统、数据大屏、能源监测系统
负责公司核心能源管理平台的前端架构与开发,系统涵盖数据中台、OA、工单、大屏、能源监测、原数据监测等 6 大子模块。 Web 端:基于 Vue2 + Webpack + Element-UI 构建后台管理及数据大屏,采用 ECharts 实现实时曲线、仪表盘等 20+ 可视化组件;使用 Leaflet 绘制能源管网地图,Three.js 展示 3D 设备模型与告警定位 移动端:基于 Uniapp + uView 开发工单巡检、设备状态查看等功能,支持离线缓存与扫码录入 硬件对接:前端通过 WebSocket 接收数据中台服务推送的实时仪表数据,设计心跳保活与断线重连机制,保证监测数据延迟 < 1s 使用 Node.js 编写中间层接口,聚合多个数据源,降低前端跨域与鉴权复杂度 核心功能模块实现 数据中台:设计动态数据源配置面板,支持用户自定义数据表映射与 SQL 查询预览,降低新接入设备的开发成本 OA 与工单系统:实现流程表单设计器(基于 JSON Schema)、任务看板、流转日志,覆盖工单创建、派发、处理、验收全流程。 能源监测与原数据监测:开发实时/历史数据对比曲线,支持多站点、多设备组同时展示;实现阈值告警配置与弹窗/声音提醒 数据大屏:适配 2K/4K 分辨率,使用 postcss-px2rem + 比例缩放实现全屏自适应;通过 WebSocket 推送实时数据,大屏刷新频率达 3s/次 性能与稳定性优化(亮点) 长列表优化:针对工单列表、历史数据查询等场景,采用虚拟列表渲染万级数据行, 接口层优化:封装请求缓存策略(LRU + 过期时间),对实时性要求低的配置类接口缓存 5 分钟;对连续触发的查询操作增加防抖,有效减少重复请求,接口调用量降低 40% 构建优化:通过 Webpack 配置代码分割(splitChunks)、压缩、CDN 外部化等,首屏加载时间从 4.2s 优化至 1.8s;开启 gzip 压缩后资源体积减少 60% 运行时优化:对 ECharts 大屏页面按需引入组件,减少打包体积 30%;使用 keep-alive 缓存工单表单状态,避免重复填写 组件封装:抽象出 10+ 通用组件(虚拟滚动表格、ECharts 容器、WebSocket 客户端、工单状态流转等),被 5 个内部项目复用 部署上线:基于 Jenkins + Docker + Nginx 搭建前端 CI/CD 流水线,支持多环境(dev/test/prod)一键构建与回滚 监控与告警:接入 Sentry 捕获前端错误,自定义性能埋点(首屏、接口响应、WebSocket 连接成功率),通过 Grafana 展示关键指标
进销存系统 | AI智能体 | APP
进销存系统、自定义后台模板、AI智能体、APP扫码出入库、语音交互
AI 进销存系统(智能仓储助手)| React + Expo + TypeScript + DeepSeek API + WebSocket 负责公司核心进销存产品的 AI 化升级,打造“AI 智能体协作”能力,覆盖自定义后台、语音交互、智能查询等场景。 出入库移动端语音交互 移动端使用React Native + Expo开发,开发IOS端,集成iOS Speech Framework And DeepSeek 意图识别。仓库人员可通过语音完成“入库 A 商品 200 件”“扫描货架号 B-12 出库”等操作,结合语音播报反馈,实现双手解放的快速作业。单次出入库操作时长由 45 秒降至 15 秒。用户可通过对话直接完成“查询近 7 天入库量前 10 的商品”“生成库存预警报表”等复杂操作,将 SQL 查询与 API 调用封装为模型可调用的 Function Calling 能力,查询效率从平均 3 步操作降低为 1 句自然语言,业务人员使用门槛大幅降低。 自定义后台模板引擎 设计可视化后台配置系统,支持不同角色(管理员/仓管/财务)自定义导航、图表卡片与数据看板。基于 JSON Schema + 动态组件渲染,实现页面配置零代码交付,模板复用率提升 60%,新增客户部署时间从 1天缩短至 2 小时。 流式对话与上下文保持 在 PC 端与 APP 端统一实现流式对话体验,通过 WebSocket 接收 DeepSeek 增量响应,并维护会话上下文。用户可连续追问“上周的呢?”“只看 A 品类”,系统自动关联历史查询条件,对话体验连贯。
外贸网站 | 海外建站 | 优化排名
外贸网站、根据不同区域关键词进行海外建站、优化排名、流量转化、支付集成
技术栈:Next.js、Neon、Stripe、Google Trends、Ahrefs、Vercel、Cloudflare 数据驱动的热点与关键词挖掘 利用 Google Trends 追踪海外多区域实时热点,结合 Ahrefs 分析长尾关键词及竞争度,建立自动化词库分析流程,为站点内容方向提供精准数据支持,确保内容与搜索意图高度匹配。 Vibe coding 快速建站与内容生产 基于 Next.js 搭建高复用站点骨架 + Neon 数据库,采用 Vibe coding 模式快速迭代功能与模板,大幅缩短新站点/新频道的上线周期,内容生产效率提升 40%+。 全链路 SEO 优化(重点) 技术 SEO:灵活运用 Next.js 的 SSG/ISR 策略,生成静态页面与增量更新,配合Vercel保证内容即时发布与低延迟。 性能优化:优化 Core Web Vitals(LCP、FID、CLS),通过图片懒加载、字体优化、代码分割及 Cloudflare 边缘缓存,提升页面加载速度与用户体验。 内容与链接策略:自动化生成 sitemap.xml 与 robots.txt,实现内部链接优化与关键词锚文本布局;动态元标签(title、description、canonical)基于热点关键词自动生成。 排名与流量增长:通过测试标题、描述及内容结构,配合 cloudflare 快速验证 SEO 改动。搜索排名显著提升,自然流量环比增长 30%。 商业化与可持续营收 集成 Stripe 订阅支付,实现付费内容/会员权益;接入广告管理(如 Google AdSense 或自定义广告位),通过 A/B 测试优化付费转化路径,形成订阅 + 广告双引擎营收模式。
AI小参码、AI模型thinking与对话交互体验
AI小参码、AI模型thinking与对话交互体验
负责前端架构设计与核心功能开发,实现类AI模型thinking与对话交互体验,DAU 2000+ 核心难点: 1、大模型流式响应的实时渲染会导致DOM重排重绘,通过自定义 Streaming Parser 实现 Markdown 增量渲染,现用Pretext首字符延迟降低至 200ms 以内 2、构建RAG本地知识库:构建前端向量数据库,使用 Transformers.js 在浏览器端生成代码片段的 Embedding,并存储于 IndexedDB;当用户提问时,检索相似代码片段作为上下文注入 Prompt,使模型能基于用户本地代码库回答,回答准确率提升 28%,同时减少 30% 的 API Token 消耗 设计Prompt 工程方案,针对代码场景优化输出格式,使代码块可识别率从 72% 提升至 94% 抽象出可复用组件(StreamingMarkdown、ConversationList 等),发布为内部 npm 包,被 2 个其他项目复用 开通Vercel AI SDK 服务层,支持 OpenAI/Claude/国产模型一键切换,降低模型耦合成本