React

项目核心是将自动化产线工作流程，数字化。使用webscoket 实现数据实时通信，控制BIM模型，展示车间产线生产过程中的搬运流程。同时监控各项生产指标数据的变化以及实时抱紧信息。

具有微信、抖音小程序，pc网站端；koa 服务端、chat服务、绘画服务、react 前端、敏感词服务等多个微服务结合；实现 AI 智能对话、AI 智能绘画、AI 文档读取等功能； 整体项目从构建到实现落地，深度参与；产品、研发、运维、运营、投放一体；项目创始人； 项目使用 koa 框架，pm2 部署，nginx 负载均衡，共有6个服务，实现分布式架构，微服务运行； 使用chatGPT赋能，实现智能对话，pdf 文件档案读取、ai 绘画智能指令优化、多功能指令集； 使用 stable diffuision 赋能 ，ai 智能绘画、高清图像修复、拟真人和三次元和3D 绘画； 使用 ToolGood.Words 赋能敏感词过滤，实现千万级敏感词敏感词，毫秒级别过滤； 使用 uniapp 实现， 微信、抖音 小程序快速开发

autojs自动化脚本开发远程控制，服务端客户端开发都是我一个人做的。 autojs安卓脚本的模拟手动自动化没有解决不了的问题。

1、使用react开发的权限校验组件,通过比对现有权限与准入权限，决定相关元素的展示； 2、可以作为路由权限，按钮级别的权限校验工具；

1. 项目功能模块 项目分为以下功能模块，为使用者提供了丰富的功能体验： 用户管理模块： 用户注册、登录、个人信息管理等功能，保障用户账户安全和个性化体验。 数据处理模块： 处理用户提交的数据，进行分析和计算，生成相关报告或结果。 社交分享模块： 用户可以分享项目结果或报告到社交平台，与他人交流和分享成果。 通知与提醒模块： 向用户发送通知和提醒，保持用户与项目的互动。 可视化展示模块： 使用图表或其他可视化工具展示处理后的数据，使用户更直观地了解项目结果。 2. 我的任务和技术栈 我负责的任务主要包括以下方面： 前端开发： 使用Vue.js框架构建项目的前端部分，实现用户界面和交互逻辑。 后端开发： 使用Node.js和Express框架搭建后端服务，处理前端请求，进行数据处理和存储。 数据库设计与管理： 使用MongoDB数据库存储用户信息和项目数据，设计合适的数据结构。 项目部署与优化： 使用Docker进行项目的容器化部署，通过Nginx进行反向代理，优化项目性能和可靠性。 最终，项目取得了以下成果： 实现了用户友好的界面和交互，提高了用户体验。 数据处理模块能够准确地处

1. 基于公司脚手架，使用react-router进行路由搭建，使用antd组件库进行页面快速搭建。 2. 将pdf数据流转化成blob对象，进而创建blob链接，使用pdfjs-dist库结合canvas进行pdf在页面上展示，并根据模型返回的位置信息计算缩放比例在页面上进行高亮。 3. 使用mobx，配合provider和inject快速的引入公共状态仓库。 4. 对请求进行统一处理，配合后端当接口状态401的时候跳出进行单点认证操作。 5. 在处理结果的字段列表中，可直接在table中进行数据的修改或者添加操作。 6. 在项目中setupProxy中配置接口正向代理，在nginx配置中对相关接口前缀进行反向代理，并解决部署之后页面刷新404问题。 项目前端第一负责人，项目0到1搭建，解决项目25个页面bug，保证项目在3个月之内完成开发、部署及交付。

1. 使用create-react-app脚手架快速搭建项目，使用react-router快速搭建路由。 2. 并通过在Router组件上设置basename来给路由添加/msyh前缀，在axios中添加baseURL给所有接口添加/msyh前缀，通过在webpack.config.js中配置publicPath使打包的静态资源添加/msyh前缀。 3. 使用react-json-editor-ajrm包完成JSON代码编辑器，并对输入的JSON进行校验。 4. 使用定位的方式，计算图片在盒子上的缩放比例，结合模型返回来的处理结果位置信息进行图片 违规高亮标注。 5. 使用div原生contentEditable属性，根据模型返回的违规字段位置信息，将违规的文字替换成带有标注和背景 颜色的span盒子，并对新生成的span标签添加事件，快速查找相关违规信息。 6. 项目前端第一负责人，项目0到1搭建，合理找出解决问题最佳途径，提高50%的效率，保证项目 在3个月之内完成开发、部署及交付。

1、医学图像标注功能 2、三维医学图像MPR切面显示与体数据3D显示 3、支持医学图像放大，移动，探针，播放等工具功能

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

1、功能：卖房，获取佣金；打通主播排班、主播直播获取客源、分配客源给圈子中经纪人、b 端进行跟进/带看、合同签约之后将佣金分配给京日新媒体核心业务流程； 2、技术栈：SpringCloudAlibaba+Redis+EasyExcel+Elasticsearch+Kafka+Rabbitmq+xxl-job+oss

全栈功能开发，负责整个项目架构设计和API接口开发。 项目包含账户管理、头寸调拨、交易查询、头寸图表生成模块开发，后端采用springboot，mybatis，MySQL、后端采用vue、react主流前端框架； REST接口采用swagger3集成，方便测试接口验证流程

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

1. 使用react搭建开发环境，配合linkDesign等组件库完成页面开发和布局， 并使用lerna管理不同项目 2. 使用斑马低代码搭建平台完成首页， 能力中心介绍页，行业引擎介绍页等页面的开发 3. 负责应用管理，实例管理，能力管理，签约中心等模块的开发和维护 4. 接入aplus添加页面埋点，记录页面访问频率，出入口等

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

wisp 是一个包含博客、网址导航的个人技术网站，使用 react + flask 开发。 个人博客支持 Markdown 编辑预览 支持代码语法高亮 可以文章多标签 支持登录评论文章进行互动 支持后台管理增删改查 添加链接自动获取 logo 和网站描述 支持 chrome 书签批量导入导出 中文英文，dark light 切换 使用 React 进行前端开发，Flask 用于构建后端 API 支持用 Docker Compose 本地开发

利用 Next.js 的服务器端渲染（SSR）能力，以及其优于传统单页应用（SPA）的SEO和加载性能。页面样式采用 Tailwind 库来实现，确保了样式的模块化和复用性。应用的数据交互部分则通过集成一个简化版的 ChatGPT API 来完成，模拟实时的交互式聊天功能。 页面设计方面，我注重用户体验的流畅性和直观性。通过模仿 ChatGPT 的聊天界面，用户可以轻松地输入问题，并快速接收到 AI 生成的回复。配合动画和过渡效果。

1、使用react hook form开发的可以动态配置的表单； 2、不强制绑定UI框架，使用者可以自己引入想要使用的UI框架； 3、支持字段的依赖关系操作；

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

亨然知识付费系统。基于ThinkPhp5.0+html+css+vue.js+layui开发；功能包含讲师入驻、在线直播、视频点播、付费音频、直播带货、直播打赏、商城系统、虚拟币系统、付费视频、音视频加密(v1.3.1以上版本)、付费阅读、会员系统、分销系统、拼团活动、资料下载、线下活动、答题系统等。适用于各个领域的内容创作者、K12教育、企业内训、职业培训等多个领域。且系统开源更适合二次开发

主要参与个人信息模块、首页栏目支持动态调整与埋点信息的设计与开发，个人信息模块包含个 人登录模块，实现短信登录，QQ 和微信的三方登录，账号密码登录等，个人用户的网站操作记录留痕等； 首页栏目动态调整包含管理后台可调控首页每个板块的显示顺序，首页轮播跳转等；埋点信息包含对用户浏 览次数、浏览停留时间、点赞信息进行收集并推送到对应的三方处理系统进行分析。