react

项目描述:企业可通过该系统高效地处理办公行政人事等事务。管理端涵盖了工作台、日程待办、组织、员工、考勤、薪酬、审批、招聘、绩效、会议、车辆、资产、公告、合同等管理功能。项目技术:React+Redux+Axios+TypeScript + React-Router-Dom 职责描述:首页，组织、员工、考勤、薪酬、审批、招聘、绩效、会议、车辆、、公告 应用技术: 1.使用数据可视化库，Recharts，来展示更复杂的图表和图形。 2.使用i18n等库来实现国际化，方便不同语言环境下的用户使用。 3.使用Ant Design Table等库来实现可排序、可筛选、可编辑等功能的表格组件。 4.使用本地存储（如LocalStorage、IndexedDB），实现数据的持久化,对常用的数据进行缓存，减少重复请求，提升性能。 5.在异步请求中使用 try-catch 块来捕获和处理错误，并提供用户友好的错误提示 6.通过路由参数传递数据，如使用 react-router 的 params 或 query 参数，实现不同页面之间的数据传递和共享。 7. 使用 Redux 管理全局状态，通过 useS

1.  使用react + umi + ts来构建整个项目的结构和规范，使用mst管理数据 2.  负责素材列表，资源管理，自定义组件, 权限管理等模块的开发和维护 3.  负责部分功能优化，如input防抖优化，列表滚动加载优化，图片加载优化，键盘事件操作组件性能优化等 4.  参照sketch实现kovna组件拖拽、缩放时添加辅助对齐线及自动对齐功能 5.  对比figma丰富快捷键，实现编辑器快捷键功能，如组件ctrl+ d快速等距离复制,  快速撤回，复制粘贴， 居中、分散对齐等 以下作品图片为figma平台， 马良应用为公司内部付费系统，不便分享

工作描述：（项目地址：smartcs.xidian.edu.cn 需VPN） 项目以西电南校区网安大楼整体为场景，接入摄像头、监测仪等多种硬件终端，采用ThreeJS 构建三维可视化场景，实现对整个区域的虚拟仿真。 难点：渲染优化；我的解决方案：将场景等共享元素放入缓存， 实现复用，提高页面切换的效率；其次设计混合压缩算法，解决了页面渲染卡顿的问题。 我的贡献：  为团队封装Web三维框架（环境、模型、功能），极大提高开发效率  开发建筑楼宇分层功能、模型HDR效果、射线检测获取房间实时信息  开发场景分离压缩的功能模块，封装使用纹理、顶点、网格压缩算法  模型第一人称漫游功能的开发（带有键鼠控制、碰撞检测、视角切换）

负责了华彩光电产品设计器的三维前端开发工作，该设计器为网页端三维编辑器，通过将多个光电产品导入到网页端中，通过位 置变化旋转等方法组合多种产品，其中，突破性地实现了产品直接磁性吸附的功能，成功交付demo给委托方。

个人作品 1. 简历内容编辑，简历模板及样式编辑，简历pdf导出，开通月度会员（接入微信支付），品牌宣传页，黑夜模式适配 2.技术栈：（Nextjs全栈，快速开发）（shadcnUI，组件库）（react-hook-form）(authjs，安全验证)

基金行情，基金分类，基金推荐，基金购买，基金赎回等 本人负责前端模块基础搭建及核心http请求/回应数据处理及过滤等服务 熟悉react、vue、angular等框架最佳实践及基础核心框架搭建

项目介绍：以上项目的3d模型的操作和展示由three.js完成，因为没有webgl或者three.js选项 我就只能选opengl了，这个系统是针对起重机各项数据的实时监测，状态实时观看，包括对其中的远程操作等等，此项目属于大屏展示的项目， 技术栈:react scss 响应式布局 three.js 以上案例由我个人完成 起重机模型由公司当时的美术完成

项目主要模块分为：网上购药商城，健康咨询和 监测慢病指标等功能。 使用者可以通过本小程序定位附近的药店，查看当前药店提供的服务和售卖的药品。可以在网上下单，快速送到家。并对使用者提供各种会员卡和优惠政策提高用户的粘性。对慢性病患者还提供了各种病状的检查记录统计功能，用户可以自己录入各种慢性病的检测记录结果。本程序根据数据提供清晰的可视化视图，表格和列表，方便用户查阅自身的健康情况 我主要负责的模块： 收集慢病用户记录数据模块和展示可视化试图部分的功能。后台管理系统内负责配置收集表单的视图形式数据。前台根据此数据生成需要收据数据的表单组件。主要使用的技术栈，小程序： taro react ts echarts ，后台：antd react dva redux 项目难点： 自定义表单收集功能， 可根据项目需求灵活配置数据表单项。客户端表单视图完全是由后台管理系统配置的。包括各种校验规则，提示信息。 开发思路： 根据表单视图设计数据对象：比如 input 就会被设计成{type: 1， label: 姓名， ... key: v

闯关答题、作品作业提交审核、学习日记、学习论坛、装裱店分享、低代码学习页面编辑 在该项目中负责工程化架构搭建及一线开发工作

个人主页、个人名片、会员等级、直播上课、PC端扫码登录、同主体小程序唤起半屏登录等 本人从 0 - 1 开发的项目

一个移动端的H5项目，在阿里巴巴负责某一款淘宝小程序的功能开发迭代，理解为一个基于React技术栈的H5的页面，属于零售业务。 我负责其中前端的部分，包括但不限于，完成前端部分的业务逻辑，完美还原设计稿实现页面，完成基础的UI组件，动画效果实现以及性能优化等。

FunFitLand是一个专注于VR 领域的创业团队，由一群兼具健身和游戏热情的爱好者组成。在品牌升级的关键时期，我主要负责使用 Next.js和TailwindCSS 进行官网的前端开发，确保了网站的现代化和用户友好性。此外，我还负责优化了官网的搜索引擎优化（SEO），有效提高了网站的在线可见度和访问量，确保了官网的顺利上线和市场影响力的提升。

本系统具有用户管理，权限管理，业务管理，报表系统等，用户提供业务记录，统计，查询功能及业务报表生成。解决人工统计与复杂报表数据人工查找困难时间问题。本系统由本人单人完成，使用SpringBoot + Springsecurity + JWT + Mysql技术，前端使用React+Antd技术。

在网页端小游戏“粤B10590”'项目中，我独立负责了游戏demo的前端开发工作。我使用Three.js和WebGL技术，实现了高质量的3D 游戏环境。通过这个项目，我对Web端三维游戏设计和开发流程有了深入的理解和实践。（项目网址：szu.vercel.app）

e-cology9 是一个智能化、平台化、全程电子化”移动办公平台系统。分为四大部分：PC 端、 移动端、微信端，云商店。PC 前端包含流程、门户、知识、人事、沟通、客户、项目、财务 等 20 多个功能模块，后台管理分为：组织权限中心、流程引擎、应用中心、建模引擎、移动 引擎、日志中心、ESB 中心、系统安全等。轻前端，重后台的开发理念。整个项目的最大亮点， 就是实现办公无纸化、电子化，实现工作流程管理，可以根据需求自定义流程，提高工作效率， 提供快捷的工作方式。采用 ESB 理念可以集成不同类型的系统资源。

本项目是一款作息时间提醒工具，帮助用户养成良好的作息习惯。它使用tauri和Next.js框架，结合TypeScript和Rust语言进行开发。工具通过检测鼠标活动来判断用户是否处于工作状态，并在活跃时间达到45分钟时提醒用户休息。此外，项目采用Tailwind CSS进行样式设计，以实现美观、响应式的前端界面。

1、车位管理模块，维护立体停车场车位信息 2、月租购买、预约停车，临时停车 3、钱包充值，秒杀活动 4、React-Native开发奇见车位安卓应用和IOS应用，并已上架到应用市场 5、对接微信支付和支付宝支付

https://www.polarpeak.cn/ 1.网站官网； 2.网站后台管理系统； 3.echarts图表类应用； 4.动画效果； 5.app; 6.小程序； 7.electron 桌面应用

这是一个汽车媒体类app，覆盖用户看车、买车、用车等与车有关的完整闭环。主要功能包括：资讯、选车、论坛、口碑、用户等等 本人主要负责资讯和选车部分的架构设计和开发，主要模块有：资讯智能推荐模块、资讯详情模块、选车列表模块、车系详情模块、车型详情模块等 使用的主要技术有：OC、Flutter、RN等

系统主要包含园区设备运营监控、运营管理、园区服务管理、园区设备运营数据统计报表、用户及权限管理、系统日志等业务模块,实现园区设备运营监控、管理园区配套服务等功能。解决园区管理中信息孤岛，降低园区管理人工成本、园区动态实时监控以及业务数据留痕。