TypeScript

前端链接: https://github.com/zhutoutoutousan/chat-voting-chaos-chess 后端链接: https://github.com/zhutoutoutousan/chat-voting-chaos-chess-platform 项目描述: 开发了一个创新的在线用户投票混乱效果的国际象棋对战平台，融合了传统国际象棋规则与随机事件机制，为玩家提供独特的游戏体验。 技术栈: ● 前端: Next.js, TypeScript, TailwindCSS, Framer Motion, react-three-fiber ● 后端: NestJS, TypeORM, PostgreSQL, Supabase ● 实时通信: WebSocket, Supabase Realtime ● 认证: Clerk Authentication ● 部署: Vercel 核心功能与技术难点: ● 实时对战系统, 混乱象棋的后端管理 ● 实现了基于WebSocket的实时游戏状态同步 ● 设计了可扩展的游戏房间管理系统 ● 使用Supabase实现了实时数据更新和状态广播 创新玩法设计 ● 开发了独特的随机事件系统，包括棋子升级、复制等特殊效果 ● 实现了实时投票机制，让玩家参与决定下一个随机事件 ● 设计了AI对战功能，提供单人游戏模式 用户体验优化 ● 使用Framer Motion实现流畅的动画效果 ● 实现了响应式设计，支持多设备访问 ● 添加了实时聊天功能，增强社交互动 项目难点解决: 1. 解决了复杂的游戏状态同步问题，确保多人对战的一致性 优化了WebSocket连接管理，提高了系统稳定性 3. 实现了优雅的错误处理和断线重连机制 项目成果: ● 支持多人同时在线对战 ● 平均响应时间低于100ms ● 用户留存率提升30% ● 获得积极的用户反馈，特别是对创新玩法的认可 这个项目展示了我的全栈开发能力，特别是在实时系统、游戏开发和用户体验设计方面的专业技能。

2024年9月18日至12月9日 给华为武研所做的鸿蒙技术项目，采用最新的arkui-x 12框架，后端为android java。 完成类机顶盒系统级功能开发： 1、调研与验证了所见即可说的多种方案，最终方案结合科大讯飞的ai智能助手、ocr文字识别，实现了高性能的语音交互功能。 2、设计实现了系统级悬浮窗，实现AI数字助手的交互功能。 3、实现第三方应用、备忘录两个大块的独立功能、以及其他一些语音、手势、焦点等小功能，包含前后端交互流程设计、界面渲染、数据模型设计等。 同时测试arkui-x框架中各种组件的适用性、挖掘bug反馈给华为团队完善。

1.商城类项目，目前公司其中一个项目 2.通过微信登录，可在线支付、下单，有完整的购物流程 3.后端使用多种不同技术实现，例如golang的gin框架，php的thinkphp框架。 4.前端使用uniapp实现。

该项目是一个工业互联网客户端产品，通过绘制组态画面，用于模拟工厂等真实场景，使用智能网关采集设备数据，数据上传至平台数据库，该项目连接数据库，拿到设备数据后进行组态画面展示和模拟运行；还可以针对设备数据进行自助式数据分析，组合生成bi报告。

一、【30%】产品定位与目标客群 1.核心用户群体： 非专业编程背景的个人投资者（证券从业者/理财顾问/量化爱好者） 中小型私募基金及投资工作室 金融工程专业师生等量化研究群体 2.解决的核心痛点： 打破传统量化平台的技术壁垒，解决「策略想法难以技术实现」的行业难题 重构量化策略构建流程，将开发周期从周/月级缩短至小时级 破解策略复用难题，通过模块化设计实现策略要素的灵活重组 建立开放的策略生态，突破传统平台策略封闭的行业现状 二、【50%】差异化竞争优势 1.技术架构创新： 时序因子处理引擎：支持单日/多日K线形态的动态解析（竞品仅支持单日因子叠加） 三维策略构建体系：技术面（量价形态）+基本面（财务指标）+风控体系（动态止盈止损）的立体化组合 事件驱动回测机制：精准模拟真实交易场景中的滑点、冲击成本等市场摩擦 2.交互设计突破： 可视化策略组装系统：支持5大模块（技术面/基本面/风控/卖点/持仓）的拖拽式组合 智能参数优化器：自动执行多维度参数遍历，提供帕累托最优解集 策略版本控制系统：完整记录策略迭代路径，支持任意历史版本回溯 3.生态体系优势： 零门槛策略市场：支持无限制克隆/改造社区策略（竞品通常限制每日克隆次数） 动态收益排行榜：按策略夏普比率/最大回撤等12个维度进行多维度排名 模拟交易竞技场：每月举办实盘模拟大赛，优胜策略直接进入跟投池 三、【20%】技术架构与性能保障 1.技术栈选型 计算层：Java+SpringBoot构建分布式回测引擎，Python数据清洗管道 存储层：MySQL集群（读写分离）+ Redis缓存热数据 通信层：RabbitMQ实现任务队列管理，WebSocket推送实时信号 可视化：Vue3+Echarts实现交互式数据可视化 2.性能优化体系： 分层计算架构：将回测任务拆分为预处理（指标计算）、核心运算、后处理（打分）三级流水线 缓存加速机制：预计算300+常用技术指标，建立因子特征数据库 3.风控保障措施： 回测验证机制：采用蒙特卡洛方法进行策略鲁棒性测试 过拟合防护：自动检测参数高原现象，预警过度优化风险 压力测试标准：单服务器承载200并发回测，响应时间

主要是针对针织行业的定制化需求的电商平台 功能： 一般电商系统，商品购物车下单订单 使用了3d模型展示，在线编辑3D模型。 2d图像编辑器 可在线定制针织毛衣的图案，自定义编辑图案 对接了shopify

技术架构 ▎前端引擎：Vue3 + TypeScript构建响应式界面 ▎数据交互：Axios封装企业级HTTP通信模块 ▎三维渲染：基于WebGL的轻量化建模方案（Cesium/Three.js选配） ▎后端框架：ASP.NET Core 6构建高性能API网关 ▎数据中台：Entity Framework Core + PostgreSQL时空数据库 核心功能实现 ✓ 设施数字孪生：园区楼宇/管线/设备的3D拓扑映射 ✓ 动态数据驾驶舱：IoT设备实时状态监控（

与市场上的常规医疗小程序相比，本方案具有以下独特优势： 用户体验优化：采用用户友好的界面设计和交互流程，确保患者和医生都能快速上手使用。 数据安全保障：利用先进的数据加密技术和安全协议，确保用户数据和医疗信息的安全。 智能服务集成：集成人工智能技术，如智能导诊、健康咨询等，提供更加智能化的医疗服务。 多平台兼容：支持微信、支付宝等多个小程序平台，覆盖更广泛的用户群体。

1、负责产品Web界面设计开发、易用性改进、界面优化以及性能优化，持续提升用户体验； 2、负责产品的前端构建，各类交互设计与实现； 3、负责与后端工程师配合，为产品提供最优化的技术解决方案。 4、参与公司PC端、移动端、小程序端等多端的技术开发工作

前端技术栈为 webpack+react18+taro 1.项目描述： 基于 Taro 实现的微信端小程序版，包含商品展示和订单、发货、确认、交易等基本流程，穿插各种 节日活动推广。 2.工作内容： 完成商品列表展示，广告，购物车，订单，支付等业务。  难点一：移动端适配问题，机型适配，各端兼容问题，需要适配多机型测试。  难点二：业务流转流程清晰度确认，支付调试等，需要业务多方沟通确认项目需求，形成最终方 案；支付功能多次严格测试

前端技术栈为 vite+vue3+ts+pinia 1.项目描述： 1、帮助用户收集、整理、分析、管理生命周期清单以及环境影响评价数据； 2、建设属于企业的生命周期评价以及碳足迹分析数据库； 3、协助企业积累绿色数据资产。 2.工作内容： 完成文件存储、数据清洗、数据存储等业务。  难点一：数据清洗时，输入输出区分物质流类别下的分配与对应流设置。  难点二：引入外部数据库管理并进行清洗&转换，注意匹配条件与备份。

前端技术栈为 vite+vue3+ts+pinia 1.项目描述： 1、满足企业开展产品生命周期评价、碳足迹评价工作的供应商信息填报与数据管理系统； 2、管理产品所涉及上游供应商信息，并协助企业收集产品上游生命周期阶段数据； 3、大幅简化产品上游数据收集流程； 4、提高数据收集精度，提升评价效率。 2.工作内容： 完成原辅料/零部件输入，供应商管理等业务。  难点一：原辅料列表导入多种模板时动态匹配列，预制模板多种列，与导入模板匹配。  难点二：供应商端无限套层，与企业端进行数据关联，注意填报状态流转。

前端技术栈为 vite+vue3+ts+pinia 1.项目描述： 1、帮助用户收集、整理、计算企业资源能源消耗和工艺过程数据； 2、分析碳排放结果； 3、提升企业碳排放核算能力及核查、监管水平； 4、为企业开展碳排放强度控制目标进行评估、考核、形势分析等工作提供保障； 5、为企业有效管理碳配额、灵活调配碳资产、拟履约碳交易计划提供数据基础。 2.工作内容： 实现因子库、排放源库、核算模型管理，核算报告等核心业务。  难点一：因子库和排放源库动态列，需要列出数据结构，对应动态列字段和数据字段。  难点二：核算模型、核算报告多层级动态展示，需要使用 slot 插值循环公共业务组件，优化传值 响应与事件回显。

一、主要功能 在线预约： 用户可以通过小程序随时随地预约自习室座位，避免了排队等候的麻烦。 支持按小时、半天、全天等多种预约方式，满足不同用户的需求。 座位查看： 小程序提供实时的座位分布图，用户可以随时查看自习室的座位状态，包括空闲座位和已预订座位。 系统会自动更新座位状态，确保信息的准确性。 个性化推荐： 根据用户的使用习惯和历史记录，小程序可以为用户提供个性化的自习室推荐。 例如，推荐安静的单人座位、适合小组讨论的多人座位等。 会员制度： 用户可以注册成为会员，享受专属优惠、优先预约权等特权。 会员还可以累积积分，兑换免费学习时长、咖啡券等福利。 签到打卡： 用户每次进入自习室后，可以通过小程序扫码签到。 连续签到可以获得额外积分奖励，激励用户保持良好的学习习惯。 活动报名： 自习室可以定期举办学习分享会、讲座等活动。 用户可以通过小程序报名参加，丰富学习体验。 多种支付方式： 支持微信支付、支付宝等多种支付方式，方便用户快捷地完成付款。 系统会自动生成电子订单，方便用户查询和管理。 发票申请： 对于企业用户或有报销需求的个人，小程序提供了便捷的发票申请功能。 用户可以在支付完成后直接申请电子发票，节省时间和精力。 意见反馈与在线客服： 用户在使用过程中遇到任何问题或建议，都可以通过小程序提交反馈。 后台管理人员会及时处理并回复，确保用户的问题得到快速解决。 同时提供在线客服功能，用户可以通过文字、语音或视频的方式与客服人员实时沟通，获取帮助和支持。 二、其他特色功能 自习室搜附近： 用户可以通过小程序查看附近的自习室，方便找到最近的学习地点。 自习室优惠券与会员卡： 小程序支持优惠券和会员卡功能，吸引用户到店消费。 用户在结账时可以使用优惠券抵扣费用，享受会员专属折扣。 数据统计与决策支持： 小程序可以收集用户的预约数据、学习时长、偏好等信息进行数据分析。 这有助于管理者了解用户需求，优化自习室的布局和服务内容。 三、优势与意义 提升用户体验： 通过线上化服务和自动化管理，减少了人工干预和排队等候的时间。 提供了个性化的推荐和服务，增强了用户的满意度和粘性。 降低运营成本： 自动化管理提高了运营效率，降低了管理难度和人力成本。 实时更新座位状态和灵活的预约方式避免了资源浪费。 扩大自习室影响力： 通过社交化传播和口碑效应，吸引更多新用户加入。 可以与教育博主、学习达人合作进行联合推广，扩大影响力。 数字化转型： 展示了自习室的现代化管理水平和创新能力。 提升了自习室的品牌形象和用户的信任度与忠诚度。

一、系统概述 REP设备管理系统旨在通过集成化的信息管理平台，实现对企业设备资源的优化配置和业务流程的高效协同。它能够帮助企业实现对设备的全生命周期管理，从采购、使用、维护到报废等各个环节进行全面监控和管理。 二、核心功能 资产管理： 实现设备登记证明、资产管理、折旧计算、资产处置等功能。 为企业的长期发展提供重要的决策依据。 预防性维护： 制定并执行设备的预防性维护计划，减少设备故障率，延长设备使用寿命。 计划维修与故障维修： 根据设备运行状态和维修计划，安排维修任务。 对设备故障进行快速响应和修复。 备件管理： 实现备件的库存管理、采购计划和领用管理。 确保备件供应的及时性和准确性。 巡检管理： 制定巡检计划，对设备进行定期巡检。 记录巡检结果，及时发现并处理设备隐患。 能耗管理： 监控设备的能耗情况，制定节能措施。 降低企业运营成本，提高能源利用效率。 三、应用场景 REP设备管理系统广泛应用于制造业、航空航天、电力、城市轨道交通、医疗器械、石油化工、环保等多个领域。在这些领域中，设备的维护和管理至关重要，REP系统能够为企业提供全面、高效、智能的设备管理解决方案。 四、系统优势 集成化管理： 将设备的采购、使用、维护等环节高度集成，实现数据的实时共享和流程的无缝对接。 精细化管理： 深入到设备的每一个管理细节，提高设备管理的精准度和效率。 数据驱动决策： 提供丰富的数据报表和分析工具，帮助企业基于准确数据做出明智的业务决策。 优化资源配置： 通过智能分析和优化算法，实现设备资源的合理配置和调度。 五、未来发展趋势 随着人工智能、大数据分析和云计算等技术的不断发展，REP设备管理系统也将不断向智能化、大数据化、云端化等方向发展。未来的REP系统将具备更加智能、自动化的特点，能够进一步提高设备管理的效率和可靠性。同时，未来的REP系统还将进一步融合5G、物联网等技术，实现更加便捷、高效、智能的设备管理。

1. 负责智慧网格综合管理平台的整体前端开发，该平台专为网格员设计，整合了信息采集、矛盾纠纷上报、人员回访及绩效考核等核心功能，旨在提供全面的工作支持。 2. 采用Vue技术栈与Vue-Vben-Admin框架，结合Ant DesignVue组件库，确保了开发的高效性和界面的现代化。 3. 利用Leaflet地图插件精确绘制各区县地理信息，增强了平台的空间数据处理能力。 4. 通过整合高德地图API，实现了区县间的无缝切换及数据的动态可视化展示，提升了信息呈现的直观性和易理解性。 5. 创新性地使用turnjs插件对运行报告进行翻书式展示，并支持导出为图片或PDF格式，增强了报告的交互性和便于分享的特点。 6. 利用AntDV各类组件完成PC管理端各种常见功能实现。

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

基础信息管理：通过等实现酒店基本信息、房型及价格计划配置； 资源与媒体：处理酒店图片管理，支持文件上传； 订单与交易：负责订单创建、支付及状态跟踪，管理促销折扣规则； 用户体系：实现会员注册/登录，提供后台权限管理； 周边服务：对接周边商店，集成天气数据； 系统配置：存储数据库连接、第三方API密钥等全局配置。 该系统覆盖了酒店业务的全流程，从前台预订、房源管理到营销工具，适合中高端酒店的数字化运营需求，具备较强的扩展性和模块化设计特征。

新闻稿件发布一体化平台 一线人员写稿-审核人员预审-编辑人会员选用-编辑-送审-管理员审核编辑-发布 多级权限控制 整个项目，前端主导参与制作包含门户-大屏-小程序-H5 总的来说就是，后台管理系统，小程序，H5，这边都可以做

1. 该项目使用Vue+Typescript，使用Vue CLI脚手架工具快速生成vue项目基础代码。 2. 进行Vue指令封装，vue-router路由配置，前端鉴权，根据角色权限展示路由页面及功能按钮。 3. 使用websocket与机场广播相关设备进行通讯。 4. 使用resfulApi获取ElasticSearch日志系统数据并展示。 5. 封装axios来发送AJAX请求，与后台进行数据交互。 6. 使用hightCharts绘制各种2D、3D图表，进行可视化展示。 7. 使用QGIS将cad地图转化为geojson数据，echarts自定义GIS地图进行可视化展示。 8. 开发环境proxy代理配置，使用nginx服务器部署前端项目，反向代理解决前端跨越问题。 9. 使用i18n插件实现vue国际化。 10. yarn安装第三方依赖，svn进行代码管理。