React

(此商业项目仅做演示，个人项目可见我的个人项目，个人项目包含前台，后台，服务端所有源码,可以试用和定制): 手机银行APP: 一体化服务的手机银行app,其功能包括如下: 基本功能: 客户开户、用户存取款、同行转账、跨行汇款、用户个人财产管理、资料维护等 生活化功能: 信用卡功能、生活类缴费、个人退税、小额信用贷款等 理财相关: 证券期货交易、银证通功能、基金申赎等 业务中台主要包括柜员端和运营端，上游对接客户端APP，下游对接银行核心系统: 柜员端: 主要提供柜员相关操作，如存取款手动处理，客户开户初审，面签，电子签名等；信用卡相关操作，客服相关功能提供，各类缴费申请、退税申请、基金股票申赎初审批等功能；用户开户、用户信息、用户交易等查询功能 运营端: 主要提供人员组织架构的调整功能，角色授权、以及柜员端初审事项的复审批功能；用户开户、交易、柜员操作等记录查询、流程驳回等功能； 技术组成,手机银行APP共有两个版本，如下: 2.x以上版本： 移动端采用hybrid混合架构开发，采用H5嵌入原生壳子的方式，h5 web端使用vue技术栈，基于webpack搭建构建体系。 1.x版本:

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

1，解决前后端框架不兼容性问题，目前市场还未有过此突破（前端技术在后端运用的游刃有余）。 2，对于攻克这个兼容问题 一向是作为开发人员的我们都是一个需要去面对的采用技术有 CSS Resets和标准化：使用 CSS Reset（如 Normalize.css）来统一不同浏览器的默认样式。 前端框架和库：使用像 React、Vue.js 或 Angular 这样的现代前端框架，这些框架通过抽象化的组件和标准化的 API 解决了一部分兼容性问题。 CSS Grid和Flexbox：利用现代布局技术（如 CSS Grid 和 Flexbox）来创建跨浏览器兼容的布局。 Polyfills：使用 polyfills（如 core-js）来为旧浏览器添加对现代 JavaScript 特性的支持。 渐进增强与优雅降级：确保核心功能在所有浏览器中都能正常工作，同时利用现代功能提升用户体验。 自动化测试：使用工具如 BrowserStack 或 Sauce Labs 进行跨浏览器测试，确保在不同浏览器和设备上的表现一致。 条件注释和特性检测：在 HTML 中使用条件注释针对 IE 特定

本项目为上一家公司的企业级BI项目： 主要功能模块包括：数据源、数据集、仪表板、大屏、监控预警、数据报表 项目角色：Owner(从0到1完整实现全流程，包括数据源建库建表、数据集数据加工、可视化看板分析、大屏可视化以及数据报表相关展示) 技术栈：React18 + Antd4 + Vite + Mobx + Axios + TS

1. 作品是递四方公司的一个全球订单查询系统。 2. 2016年 - 2021年递四方工作期间独立完成前端。 3. 交互比较复杂的部分：首页的查询单号输入功能（同时支持输入50个单号，支持回车换行，单号校验），删除功能（单个删除，批量删除）。 4. 订单详情页面，实现了新手帮忙指引功能。

1. 参与系统前端架构的搭建，设计了高效的代码结构和模块划分，提高了开发效率和可维护性。  2. 采用 vue生态 + webpack 搭建前端框架，集成系统埋点及异常跟踪,支持B端和C端页面的快速搭建。  3. 维护公共组件库，开发了适配设计风格的vue前端组件10+，其中包含基础组件和专为业务场景设计的定 制组件等。  4. 设计并开发了核心模块，如直播模块、实时聊天、直播数据呈现等，基于vue-video-player&flv.js实 现直播视频处理，并沉淀了相关文档5+篇。  5. 持续学习和分享，积极推进公司内部前端框架的升级工作，规范了团队的编码风格，提高了项目开发效 率；

该项目为旅日导演吴沁瑶的个人博客，使用开源项目集成和修改而来，前端使用了 tailwind-nextjs-starter-blog，去掉了本地mdx文件，和多语言配置，改为了cms管理。后端使用了strapi的开源免费cms系统管理内容和资源文件。主机使用了oracle cloud免费vps。

小程序及 APP 开发方案 一、面向客户及解决的问题【30%】 本方案聚焦于医疗、财税、美发、开盲盒、三元奶业、AI 行业的客户。在医疗行业，解决患者就医流程繁琐、医疗信息流通不畅的问题，方便患者在线预约挂号、查看检验报告，助力医疗机构提升服务效率与管理水平；财税行业，应对企业财税申报流程复杂、账目管理困难，通过数字化工具实现一键报税、精准账务处理；美发行业旨在打破传统美发店线下预约难、客户留存率低的困境，让顾客随时预约心仪发型师，享受个性化服务推荐；开盲盒行业，为商家解决线下售卖覆盖范围有限、用户粘性不足的状况，线上盲盒小程序激发玩家兴趣，拓展客源；三元奶业能借此强化品牌推广、优化产品销售渠道，更高效触达消费者；AI 行业客户则得到定制化的展示平台，快速将新技术、新应用推向市场，加速成果转化。 二、相比于市场常规方案的特点【50%】 跨平台兼容性：采用 Vue 和 Uniapp 技术选型，能实现一次开发，多端适配。和常规单一平台开发方案相比，无需针对安卓、iOS 以及各类小程序平台分别投入大量人力、物力编写代码，极大节省开发成本与时间，保障各平台体验一致性。 高效开发迭代：Vue 框

面向需要高效对话交互与知识管理的用户，包括个人用户、企业团队以及开发者。通过对接LLM（大语言模型）的流数据接口，我们解决了传统对话系统中交互不流畅、知识管理分散、问答针对性不足等问题。用户可以通过该系统实现自然语言对话、知识库问答以及文件内容问答，同时能够创建和管理个性化知识库，提升信息获取与管理的效率。 多模态对话支持：支持个人聊天对话、知识库问答以及个人文件问答，满足用户多样化的交互需求。 知识库管理：用户可以创建、编辑和管理自己的知识库，实现知识的个性化存储与高效检索。 针对性问答：基于用户上传的文件或知识库内容，系统能够提供针对性的问答服务，提升答案的准确性与实用性。 流式数据交互：通过对接LLM的流数据接口，实现实时、流畅的对话交互，减少用户等待时间。 代码块与页面展示：支持代码块的高亮显示和页面知识库的格式化输出，方便开发者和技术用户快速获取结构化信息。 可扩展性：系统设计模块化，易于扩展新功能或对接其他AI模型，满足不同场景需求。 基于React构建聊天窗页面，支持代码块高亮和知识库内容的格式化展示，支持用户上传文件并提取内容用于问答

使用了最新的技术 SpringBoot + MySQL + MyBatis-Plus + 前台Vue3 + 后台React 系统主要包括前台网站展示和后台管理两大模块。前台网站展示模块实现了动漫资源的展示、搜索、评论和用户个人中心等功能；后台管理模块则提供了资源管理、用户管理、评论管理等功能，方便管理员进行统一的管理和维护。所开发的系统不仅功能完善，而且具有一定的扩展性和安全性。

项目描述：招商银行内部系统，用于进行任务调度监控，告警以及数据操作，数据查看。 项目职责：负责zddweb中各个模块功能完善及bug修正

小雨棚数据查询为Squad玩家提供数据查询服务： 1.服务器信息查询； 2.历史战绩记录； 3.个人战绩； 4.服务器封禁记录 访问地址：http://www.xiaoyupeng.com

本产品面向个人用户，构建了一个文字游戏内的一个对战统计系统，可以方便用户在对战后统计双方参与名单，消耗资源等。 本系统可以设定双方用户名账号及其子账号。可以查询每个人使用的卡片，消耗的资源，也可以查询杀伤及受伤数。 还可以通过时间设定，自动生成对战数据。 本产品应用了爬虫等技术，能够自动取得数据。

全能选手，11年互联网老兵，2013年毕业起从事软件开发行业，后端2年、前端7年，有大量的中后台系统经验积累。负责过电商运营、财务、物流、客服等20多个后台系统，作期间主要围绕用户运营做业务平台能力建设，熟悉精细化运营、用户分层相关业务模型的抽象，擅长将业务模型转化成sass系统，支撑业务的稳定迭代和拓展。熟悉主流的前端技术react、vue、node等，相关技术均有大型项目实战经历。

1. 方案面向对象及解决的问题 • 污水处理厂运营商：主要包括污水处理厂的管理人员、运营技术人员以及维护人员。 • 政府及环保机构：需要监测和监管污水处理厂的运行情况，确保其符合环境保护法规。 • 设备供应商：需要实时了解设备的运行状态和性能，提供高效的维护和支持。 • 科研机构：需要进行污水处理技术研究及优化，利用真实数据进行模拟和分析。 解决的问题： • 设备监控和维护：实时监测污水处理设备的运行状态，提前发现并处理故障，减少设备停机时间。 • 运营效率提升：通过数据分析优化运营策略，提高污水处理效率，降低能耗和运营成本。 • 环境合规：确保污水处理过程符合环保标准，实时监控排放物的质量，减少环境污染风险。 • 数据驱动决策：提供全面的数据支持，帮助管理层做出更明智的决策，提高整体管理水平。 2. 方案特点 相比市场上常规的污水处理监控方案，本数字孪生方案具有以下特点： • 实时数据绑定与可视化：通过物联网技术将污水处理厂的各类设备信号（如流量计、压力计、温度传感器等）实时绑定到数字孪生模型中，提供实时的设备状态和操作数据可视化展示。 • 高精度仿真：利用先进的

提供一个统一的用户与组织机构管理平台，解决多公司、多用户场景下的管理复杂性问题。通过集中化管理，用户可以高效地新增、编辑、排序和启用/停用账号，同时快速重置登录密码，提升管理效率。此外，系统还提供全面的日志管理功能，帮助管理员追踪页面访问、登录、数据编辑等操作，确保系统安全与可追溯性。

• 针对大量数据场景，对看板模块进行了优化，引入了虚拟列表以减少⻚面卡顿，降低内存占用。同 时，对字段组件进行了封装，并提取出公用逻辑为自定义
hooks，以提高代码的重用性和可维护 性。。 • 开发了一个符合设计⻛格的
React
前端组件库，包括基础组件和专为业务场景设计的定制组件。
• 负责集成⻜书、钉钉、企业微信等第三方平台的
SDK，并对其鉴权流程和
jsApi
进行抽象封装。这 一工作大大简化了后期对第三方平台接入的维护和使用，提高了接入效率和开发效率。 • 负责解决多人协作数据（权限、字段、记录）同步的问题，引入
MQTT
技术。通过
MQTT，实现了 对不同类型的推送数据进行实时派发，从而实现了项目数据的实时更新

1，主要面向大型校园等地 2，主要解决数据繁多，不易直观查看的问题 3，产品技术有 echarts fiv.js react 等技术 可视化校园是指利用现代信息技术（如大数据、云计算、物联网、人工智能等）和数字化手段，将校园的各种资源、设施、环境、活动等内容进行数字化呈现，使得学校的管理、教学、服务、环境等方面可以通过数字平台进行高效、直观的展示与管理。通过这一平台，师生可以实时获取校园信息，参与互动，同时学校管理者也可以更加智能化地进行资源调度和管理。 可视化校园的主要组成部分 智慧校园管理系统：集成校园各项信息，包括教室、实验室、图书馆等各类资源的分配与使用情况，支持远程管理和实时调度。 校园地图与位置导航：通过GPS定位和室内导航技术，提供校园内建筑、道路、设施等的可视化地图，帮助师生快速找到目的地。 实时数据监控：包括能源使用情况、环境监控（如空气质量、温湿度等）、安全监控等数据的实时显示与分析。 互动平台：支持师生之间的交流、活动组织、课程安排、公告发布等功能，增强校园社区的互动性。 智能教学工具：包括在线学习平台、虚拟实验室、在线课堂等，增强学生的学习体验与资源的共享。

1. 项目分为收益分析、客户管理、数据管理、复盘管理、电量分配智能决策、用户申报电量管理、中长期交易分析等模块 我负责电量分配智能决策、用户申报电量管理、合约管理等模块 2. 技术栈：Typescript + React + React-Router + Webpack，组件库使用Antd4，数据管理层面使用了Redux-Toolkit。 3. 其中数据管理中的天气预报页面是个人认为比较有的特色的，主要使用echarts来实现

一个炫酷的3D地球旋转效果，还有例子动画，可以运用在大屏里面。还有很多其他原创模板，因为所在公司保密关系，不好网上上传，如果想要，可直接联系我。 另外： 本人有前端6年开发经验，能够做到： 1、炫酷大屏效果 2、d3js、threejs效果 3、css动画效果 4、一比一UI设计图还原 5、开发效率高