React

面向群体与核心问题（30%） 本方案适用于希望搭建高性能、易维护的个人博客或内容网站的开发者。它通过 静态生成（Static Generation） 的方式，将 Markdown 作为内容管理方式，使用户无需依赖复杂的数据库或 CMS，即可轻松发布和管理文章。 核心优势与特点（50%） 与市场上的常规博客解决方案相比，本方案具有以下独特优势： 高效的静态生成：基于 Next.js 的 getStaticProps 预渲染机制，实现页面的静态构建，提升访问速度，同时减少服务器负载。 Markdown 驱动的内容管理：所有文章均以 Markdown 文件存储，开发者可直接编写或同步 Git 仓库，无需额外的 CMS 后台。 TypeScript 全面支持：相比于 JavaScript 方案，本项目引入 TypeScript，提供更好的类型安全性和开发体验，提高代码质量。 自动解析与 SEO 友好：利用 remark 和 remark-html 处理 Markdown 内容，并通过 Next.js 内置的优化策略，确保页面在搜索引擎中的良好表现。 灵活拓展性：可结合 灰阶前端（gray-matter） 解析文章元数据（如发布时间、标签、封面图等），方便定制文章展示形式。 技术选型与产品组成（20%） 前端框架：Next.js（支持静态生成和动态路由） 内容解析：remark + remark-html（将 Markdown 转换为 HTML） 数据处理：gray-matter（解析 Markdown 前置元数据） 开发语言：TypeScript（提升代码可靠性） 本方案通过上述技术组合，打造了一款轻量、高效、可扩展的静态博客系统，适用于个人博客、技术文档、企业内容展示等多种场景。

核心功能 可视化规则管理 提供基于 Web 的规则设计器，支持通过拖拽方式定义规则、决策表、评分卡等，降低非技术人员参与规则配置的门槛。 支持规则版本控制、多环境发布（开发/测试/生产），确保规则变更可追溯。 多规则类型支持 决策表：以表格形式管理条件与结果的映射关系，适合复杂逻辑的批量配置。 评分卡：基于权重和分值计算综合得分，常用于风控或信用评估场景。 脚本规则：支持 Groovy、JavaScript 等脚本语言，满足高度定制化需求。 高性能规则引擎 基于 RETE 算法优化，支持实时规则匹配与高效执行。 内置规则缓存机制，减少重复计算开销。 集成与扩展 提供 Spring Boot Starter，可快速集成到 Java 项目中。 支持通过 REST API 远程调用规则，适配微服务架构。 可扩展自定义函数、变量和规则加载器。 监控与调试 记录规则执行日志，支持规则命中率、执行时长等指标监控。 提供规则调试模式，实时验证逻辑正确性。 应用场景： 风控系统：实时计算用户风险等级（如反欺诈、贷款审批）。 营销活动：动态配置优惠券发放规则、用户分群策略。 物联网（IoT）：根据设备数据触发告警或自动化操作。 医疗诊断：基于患者指标匹配诊疗方案。

项目描述：针对于杭州楼掌柜微信小程序的b端后台管理系统； 技术描述： 1、以 react + redux + redux-saga + react-router + antd + TypeScript + react hooks 进行页面的 构建和组件的封装； 2、使用 less 进行样式的编写； 3、登录页面编写，获取 token 与用户身份信息，缓存到浏览器中； 4、给 axios 进行二次封装，方便页面接口调用； 5、使用 AMap 进行地图地址搜索、定位、区域面积展示等操作； 6、使用 ECharts 图表开发，做数据统计。 7、编写防抖函数，阻止用户点击按钮重复提交和 input 输入框重复调用接口； 8、引入 ifanrx-react-ueditor 做富文本编辑器组件；

欢迎来到我的个人博客！这是一个基于React、TypeScript和Vite技术栈构建的现代化个人网站，旨在展示我的技术能力、项目经验以及个人兴趣。虽然目前页面还在不断完善中，但已经具备了美观的界面设计和全面的个人资料展示功能。通过这个博客，我希望能够与大家分享我的学习心得、技术探索以及生活中的点滴感悟。无论是前端开发的技巧，还是对TypeScript的深入理解，你都可以在这里找到相关的内容。未来，我计划进一步丰富博客的功能，比如添加文章分类、评论系统以及更多的交互体验。感谢你的访问，期待与你一起成长与进步！

该作品为自动售卖咖啡机点单程序 1. 面向使用自动售卖机的用户，目前咖啡机在深圳投放在体育馆、深圳大学等地 2. 使用Taro、react、less、等技术 3. 该小程序支持下单，点单，聊天、等 4. 演示地址为小程序，需要在微信搜索 KO 咖啡

该系统主要使用Nextjs全栈技术框架来实现，采用了auth.js及云数据库等云资源来实现用户权限管理，系统主要提供给使用币安交易平台的数字货币交易者使用，用于批量操作多账户开合约单，有账户管理、权限管理、API管理、批量开平仓等操作、仓位预警、自动批量开平仓任务等

SaaS化部署，用较低成本满足目标客户对于储能电站的在线运营、监测管理、运维检修、计量结算、策略控制、需求侧响应等需求； 秒级采集，针对跳变数据进行毫秒级数据采集，真实还原故障现场状态； 水平扩展，百万MWh工商业储能接入，亿级电芯数据采集存储治理。

1.平台简介 中枢IEMS微电网云平台是一个集成了先进信息技术和自动化控制的系统，‌专为优化和提升能源系统的运行效率而设计。‌平台通过实时监控能源系统中的能源生产、‌存储和消耗情况，‌利用大数据分析和人工智能算法，‌自动调整能源分配，‌实现能源的高效利用。‌中枢数能云平台支持多种可再生能源的集成，‌如太阳能、柴发，‌同时管理储能设备，‌确保能源供应的稳定性。‌此外，‌平台还具备故障检测、‌报警和报表生成功能，‌为能源系统的运维管理提供全面的数据支持，‌帮助用户降低成本，‌提高能源自给自足能力，‌推动能源的可持续发展。‌ 中枢数能云平台的设计旨在实现自我控制、‌保护和管理，‌成为一个自治系统，‌它可以与外部电网并网运行，‌也可以孤立运行，‌是大型电力系统的数字化、智能化、‌小型化的形式。平台通过采用先进的电力技术、‌通信技术、‌计算机技术和控制技术，‌在实现能源系统现有功能的基础上，‌满足对未来电力、‌能源、‌环境和经济的更高发展需求。‌ 2.服务对象 我们为储能领域不同的参与者提供一体化的解决方案，在我们的协助下您的设备连接、数据稳定、运营效率、业务管理、用户体验、算法迭代皆能获得稳健的技术支撑。 3.平台价值 3.1精益运营 不断优化的运营策略，代表了更高的运营收益，运营收益决定了产品价值。 3.2智能运维 通过实时监测，快速定位故障，预测性维护保障运维质量，降低持有成本。 3.3风险控制 以IoT平台作为底座，提供稳定架构，对接各品牌储能柜和核心部件，实现软硬解耦。 3.4数据基建 通过积累分析运行数据，逐步提升设备的质量和预警能力，提升储能产品的竞争力。 3.5智能算法 通过AI算法积累构建能够赋予业务价值的算法应用场景。

一个由 React Native 开发的一款校内论坛类APP，支持发帖、回复等论坛基本的功能，其次还有表情包、投票等功能。后端使用 NestJS 开发，同时通过 nodeJs 爬虫获取学生数据，支持课表、空教室等查询，目的是打造为一款便利全体农大学生的APP。

本项目是一个基于互助规则（具体规则这里不详述）的用户管理系统，包含加入申请，捐助申请，受助申请，以及人员匹配等。可以读取指定邮箱并进行内容校验，最后进行回复；达到匹配条件后，可以在 UI 上手动进行捐助申请和受助申请的匹配。 此系统每日会定时读取相关邮箱，检测是否有新用户加入，然后读取发送过来的邮件内容。对于不同的邮件，有相应的内容检验；匹配时，会综合考虑对冲，升档，新人加入等多种情况，进行合理的人员匹配。 本项目采用前后端分离的架构，由本人独立完成。前端采用 react + antd 的方案，主要展示几个模块的人员情况，以及提供匹配功能。后端采用 spring boot 3，kotlin，微服务，postgre 体系，使用 spring JPA 进行数据库查询。 在部署方面，前端部署在 cloudflare，后端使用 container 技术，部署在阿里云的 ECI 上运行。并采用动态伸缩组以节省成本。

1.本方案用户小区内既有充电桩的共享充电业务，盘活广大个人充电的闲置时段，创造私桩共享的最佳解决方案。 2.本方案已经获得实用新型专利授权，并已申请发明专利。方案通过加装智能控制器，无需拆除桩主现有/原厂充电桩，对现有充电桩的输入电路加装智能控制器，并通过APP蓝牙智能控制电路的通断和电费计量， 通过“好世意桩”运营平台进行预约充电实现共享。 3.本方案通过电路设计生产了智能共享充电控制器，并通过小程序为桩主对充电经营进行管理，并开放小程序为广大新能源车主共享充电获取经营收益，是兼具前端、后端、电路设计、单片机的全栈自研开发。

小程序及 APP 开发方案 一、面向客户及解决的问题【30%】 本方案聚焦于医疗、财税、美发、开盲盒、三元奶业、AI 行业的客户。在医疗行业，解决患者就医流程繁琐、医疗信息流通不畅的问题，方便患者在线预约挂号、查看检验报告，助力医疗机构提升服务效率与管理水平；财税行业，应对企业财税申报流程复杂、账目管理困难，通过数字化工具实现一键报税、精准账务处理；美发行业旨在打破传统美发店线下预约难、客户留存率低的困境，让顾客随时预约心仪发型师，享受个性化服务推荐；开盲盒行业，为商家解决线下售卖覆盖范围有限、用户粘性不足的状况，线上盲盒小程序激发玩家兴趣，拓展客源；三元奶业能借此强化品牌推广、优化产品销售渠道，更高效触达消费者；AI 行业客户则得到定制化的展示平台，快速将新技术、新应用推向市场，加速成果转化。 二、相比于市场常规方案的特点【50%】 跨平台兼容性：采用 Vue 和 Uniapp 技术选型，能实现一次开发，多端适配。和常规单一平台开发方案相比，无需针对安卓、iOS 以及各类小程序平台分别投入大量人力、物力编写代码，极大节省开发成本与时间，保障各平台体验一致性。 高效开发迭代：Vue 框架以其简洁的语法、数据双向绑定等特性，让开发者上手迅速，协同更顺畅。Uniapp 基于 Vue 扩展，集成丰富的组件库与插件市场。对比传统原生开发，新功能上线速度更快，能快速响应客户业务变化，抢占市场先机。 良好的用户体验： Vue 对页面渲染优化出色，加载速度快，动画过渡自然，搭配 Uniapp 能打造接近原生 APP 质感的交互效果，远胜部分粗制滥造、卡顿感明显的常规小程序或 APP，增强用户留存。 成本效益：从长远运营维护看，因代码复用度高，技术团队能轻松维护更新，人力成本、服务器资源占用成本相较于从头构建多套原生项目的常规方案，降幅可达 50% 以上。 三、方案的产品组成或技术选型【20%】 前端技术：核心选用 Vue 框架，它负责构建页面的可视化部分，处理用户交互逻辑，利用其虚拟 DOM 机制，实现高效页面更新。Uniapp 作为上层框架进一步封装，一套代码能编译生成微信、支付宝、百度等主流小程序，以及安卓和 iOS 的 APP，借助它内置的大量 UI 组件，像导航栏、表单、弹窗等，加速前端页面搭建。 后端技术：搭配常用的 Node.js 构建后端服务，与前端 Vue 应用实现无缝对接，处理业务逻辑、数据存储与读取。数据库选型上，依据不同行业数据量级与需求，医疗、财税行业倾向于使用 MySQL 保障数据强一致性与复杂查询；美发、开盲盒行业可选用 MongoDB，灵活应对高并发、多样数据结构场景；三元奶业的数据存储兼顾关系型与非关系型数据库优势；AI 行业数据则借助专业的分布式存储系统，满足海量数据训练需求 。此外，借助云服务提供商，如云开发、阿里云等，实现服务器部署、运维托管，确保系统稳定运行。

活动页面开发，订票主流程开发，用户来小程序购票参与活动，提升浏览量 主流程应用原生小程序语言开发 活动页面使用内嵌h5开发 可以高效开发需求，价格面议，根据工作量来定，可以参与设计界面的功能交互，有丰富的业务经验

数字化金融项目为核心项目，新增线上交易平台，为用户提供更多交易渠道。分为自研项目以及外包项目。涵盖APP、WAP端、PC端、公众号、微信小程序、支付宝小程序、天天基金内嵌小程序等。 从0-1设计研发,从1-100后期优化. 前端使用React框架，后端使用Java. 原型工具使用 墨刀

这是一款实时AI面试笔试辅助工具，通过实时语音转录、人工智能、自然语言处理等技术，可以实现： - 自动面试官问题识别 - 自动面试问题提取 - 自动出面试答案 - 远程截图，ai辅助笔试 该项目已经服务数十万的注册用户，已经帮助上万名用户拿到offer

国际化银行可视化监控系统，用于监控和管理银行运营数据、客户交易行为等信息。 本方案集成了数据监控、分析和管理模块，实现银行运营的一站式监控。可根据银行的发展需求，轻松扩展功能模块，满足不同规模银行的管理需求。 优点：相较于传统监控方式，本方案能帮助银行更好地理解客户行为，优化服务策略，提升风险管理能力。 组成： 前端页面（监控大屏、管理端Web应用、移动端应用） 后端服务（业务逻辑处理、数据库管理、API接口、安全认证与权限控制） 第三方服务集成（支付接口、社交媒体集成） 技术栈： 前端技术：HTML5/CSS3/JavaScript、前端框架（如React, Vue.js，Echarts,地图等）、移动应用开发框架（如小程序，H5）、前端构建工具（如Webpack, nodejs） 后端技术：服务器端语言、框架、数据库、RESTful API 可视化分析：数据可视化工具、图形渲染库 安全与合规性：SSL/TLS加密、IAM、加密算法、安全合规性框架

前端入门到进阶图文教程。从零开始学前端，做一名精致的前端工程师。持续更新中。本项目的主要作用有： 1、网上的大部分入门教程，都不太适合初学者，本项目争取照顾到每一位前端入门者的同理心。即使你完全不懂前端，甚至不懂编程，通过这个教程，也能让小白入门。 2、帮助前端同学提供一个精品学习资源和路线，提高学习效率，少走很多弯路。 3、可以当做前端字典，随时翻阅，查漏补缺。

项目为一个虚拟用户聊天平台, 用于服务一款陌生人交友APP软件,客服可通过该平台,在APP中创建多个虚拟角色,并在平台中使用虚拟角色跟多个真实用户聊天,来对APP中真实用户进行维护运营,个人独立负责了整个项目的开发

企业管理系统，使用 react+webpack 构建，以插件的方式集成于紫鸟浏览器客户端，并依靠紫鸟浏览器的客户群体，实现为客户防关联的跨境电商店铺管理，可一站式购买国内国外 IP ，实现 IP 绑定店铺账号，一键式打开店铺进行店铺管理工作，可在一个客户端内轻轻松松搞定作为跨境电商卖家的一切店铺行为操作。

本项目可以看到区域内反诈信息，前端主要使用echarts构建项目中图表，使用echarts-gl构建项目中央地图，是深度使用数据可视化前端技术的项目，之后联调接口，获取反诈信息数据并展示，图二是上部分是表单页面，下部分是具体的信息，项目中也有表单页面的加入