react

公司结算系统分为管理端和商户端，目前外网无法访问，期间在公司负责前端团队的技术架构、核心代码审核、在公司期间技术侧带领团队实现如下业绩： 1.基于结算系统业务复杂性，将系统拆分成独立的微应用架构，实现了独立开发和部署。已在管理端投入使用，构建速度提升了 75%，显著提高了研发效率和系统可维护性 2.2021年前端技术侧启用自主研发的前端性能检测系统“灵缇”，已检测系统性能问题包括系统报错、三方库风险、性能评分低 等。未来将全面升级系统并实施监控预警 3.主导引入前端脚手架工具 Yis ，以提升团队效率和一致性。Yis 简化开发流程，集成了开发、规范、构建、发布等流程，让开发 者更专注于编码 云账户综合服务平台系统：https://service.yunzhanghu.com 使用的技术栈：ReactJS为主统一技术栈、Antd组件库、移动端小程序Taro框架以及官网涉及nextJS SSR技术栈。

内容: 1、可视化大屏低代码系统项目，技术选型和搭建 2、系统技术栈:react + react-router-dom + react-redux+ ant design + typescript + sass 3、可视化大屏 designer 页面设计，柱状图，折线图，饼图，地图等组件的开发 4、基于 vue 系统设计的云空间报表系统，日常开发和大宽表的性能优化 5、日常线上问题排查和解决 业绩: 1、从0~1搭建了低代码可视化大屏系统，方便银行大屏的搭建，让汇报数据更直观，使用更方便 2、解决了云空间系统报表加载性能，增强用户的体验度，使其业务更加广泛 3、团队技术人员之间每周技术分享，不断提升团队人员的技能

一款短篇阅读类APP。在职期间与Ruby端同事合作剥离高耦合的老简书项目中部分复杂业务功能页面，将PC端和手机端独立为不同的项目，以便于推进新功能的开发和各种商务需求的抽离，前端页面各端文章详情页拆分为独立项目。

1.主导实现了云账户 BPL 业务组件库，提供稳定高复用性的通用业务组件，规范用户交互体验，提升开发效率，支持自定义扩展。组件库涵盖了Modal 对话框、Card 卡片列表、TooltipButton 文字提示按钮等20+业务属性组件 2、针对移动端h5和微信小程序的业务场景，给予taro 开发了公司内部业务组件库。如Form 表单、space、list 列表等16项组件

projects项目管理是一款用于企业中管理项目目标和项目开发进度的软件，其核心分为项目计划、项目工时管理、任务管理、问题跟踪和工作流、图表和报表等模块。项目计划是对项目的目标和整体规划如里程碑划分、里程碑完成情况和确认是否有成本出入等宏观方面的观察和管理。任务管理则是对项目拆分具体的每个任务进行跟踪和管理，每个人物跟踪到人，以及完成时间。而图表和报表用于定期分析项目的整体进度，以及是否和目标有偏差等。 本项目后端采用java开发，为了高效检索以及快速分析能力，引入了ElasticSearch全文检索技术实现方便快捷的检索能力和数据分析能力。其中前端使用React开发。

2022年，公司与成都经济委合作研发的人工智能产业大脑，以人工智能产业大数据资源为核心，依托成都市新经济公共管理服务平 台，结合网络多源数据抓取，实现公、私域数据资源的归集、治理，形成人工智能产业要素明细数据、标签数据和指标数据的产业数 据资产，为人工智能产业分析研究及各项业务应用提供数据支撑。

根智能会议预约管理软件，可以根据需要参会的人员的日期安排，自动规避可能的会议冲突，将会议安排一个合适的日期。它可以同步你自己的日历，邀请团队成员添加他们的日历。为每个部门创建工作区，并在移动设备上管理日程。设置个性化邮件，同步CRM系统。 本项目后端使用Go语言+gin框架开发，前端使用Vue+iView框架开发，并且打通日历和CRM系统，将日程与移动设备关联，以及会议提醒个性化邮件提醒等。

项目介绍： 负责团队内前端自定义Hooks的封装与静态站点的构建，通过测试用例，保证交付Hooks的稳定性及健壮性，减少重复开发工作量，提供最佳实践。 功能描述： 使用pnpm作为包管理工具，提供基础能力封装； 使用gulp和webpack实现UMD构建，将发包流程植入CI实现自动化发布，同时支持CHANGLOG的自动化更新部署； 针对封装后的产物能力，使用dumi搭建静态站点，提供完整的出入参类型声明； 使用jest对hooks进行测试用例的编码；

项目规划： 与项目管理者和设计师合作，制定详细的项目计划和时间线。 前端开发： 使用React.js构建动态的用户界面，利用Redux进行状态管理，确保应用的响应性和可维护性。 后端开发： 设计和实现RESTful API，使用Node.js和Express处理服务器端逻辑，存储用户数据和课程内容于MongoDB数据库。 云服务部署： 配置AWS服务，包括EC2用于服务器部署，S3用于静态资源存储，RDS管理数据库。 安全性： 实施HTTPS，使用JWT进行用户身份验证和授权。 性能优化： 对网站进行性能分析和优化，确保快速加载和良好的用户体验。 测试与调试： 编写单元测试和集成测试，使用调试工具确保代码质量。 文档编写： 编写开发文档和API文档，为后续的维护和升级提供参考。 团队协作： 与设计师和产品经理紧密合作，确保前后端的无缝对接。

预览 https://nasuyun.com/blog/metric ；数据采集监控系统是一种集数据管理、质量监控和性能分析于一体的软件解决方案，可在移动端和PC端跨平台展示。它通过实时监控数据采集过程中的关键指标，如数据质量、性能表现等，提供直观的数据展示界面，帮助用户迅速了解数据状态，并通过警报机制及时应对异常情况，从而提高数据采集的效率和质量。

- 使用 React.js 框架, Node.js, HTML5、CSS3和JavaScript, 完整实现了一个点餐系统，支持用户浏览菜单（Meals.jsx）、添加商品到购物车（Cart.jsx）、编辑购物车项（CartItem.jsx）和结账（Checkout.jsx），同时提供了错误处理（Error.jsx）和用户界面的反馈 https://github.com/qyy752457002/React-Food-Order-App - 利用Node.js和Express框架实现的后端服务，包含两个主要路由处理函数：app.get(/meals)用于检索餐品列表，app.post(/orders)用于处理订单提交 - 设计并实现了三个核心UI组件——Button.jsx（按钮）、Input.jsx（输入框）和Modal.jsx（模态框） - 采纳了前后端分离的开发模式，其中前端的Meals.jsx组件通过/meals请求与后端获取数据，Checkout.jsx组件通过/orders请求向后端提交订单信息 - 开发了自定义的React钩子useHttp.js，以封装fetch调用，简

唐库新零售为自研SAAS平台，为各类门店提供门店收银，微商城，进销存ERP，会员营销，支付等解决方案，包括零,售类，餐饮类，生活服务类等，主要产品有收银机，自助点餐机，电子秤，扫码点餐，微商城，ERP管理端，价钱打印，商家助手，盘点器，台卡，POS机，厨打叫号，人脸终端，钱箱等。

大数据科学在游客数据分析中的预测应用是通过收集和分析大量的游客相关数据，包括旅行偏好、行为模式、消费习惯等，利用数据挖掘、机器学习等技术发现隐藏的规律和趋势，预测未来游客流量、旅游趋势和需求变化，以指导旅游目的地和业务运营策略，提供更加个性化、精准的服务和体验，从而实现更高效的资源管理和业务发展。

用于展示前端快速开发能力的订饭网站页面UI 包含的UI及技术： React.js React-Icon 响应式布局 此外还可以承接Next.js网站开发工作， 包括前后端简单商业逻辑需求的快速开发

【微前端】采用微前端的技术架构，完成主应用与子应用的通信 【系统能力】复杂table、复杂图表的实现，异步导出等的实现

官网：使用服务器端渲染技术和多种语言。 项目技术栈：Quasar + Vue + Vuex + Vue-i18n + Axios 后台：用户管理，艺术品管理，权限管理，⻚面管理，图片管理。支持多种语言。 项目技术栈：Nuxt + Vue + Vue-i18n 接：提供官网和后台的接。支持多种语言。 项目技术栈：Midway2.0 + TypeORM + MySQL + JWT + Swagger 自动化部署：本地提交代码到 github 触发 webhooks，发送一个 yobo-deploy 提供的服务，从 github 拉取代码。pm2 监控代码如果更新，自动重启。

1.企业官网产品设计，原型开发 2.go语言搭建gin微服务 3.taro小程序开发 4.mirco-app搭建前端微服务 5.https://github.com/asuncm公司仓库地址 6.https://github.com/zhangwenbin0516个人仓库地址

用于展示React Native 手机端快速开发能力的菜谱网站页面UI包含的UI及技术：React.js React-Icon 响应式布局 ReactNative 此外还可以承接Next.js网站开发工作， 包括前后端简单商业逻辑需求的快速开发

对智能浴缸app的运营管理平台，方便商家在多方面，多视角下对产品运营，销售订单，商品明细以及会员账户相关信息的统一管理以及对会员信息,积分记录以及对优惠券种类,领取规则,使用记录和获取记录进行统一设置管理，极大的提升了商家的管理效率。

一个灵活的代码生成平台，可以自定义代码模板，配置字段映射，可以选择不同数据源，比如MySQL、json等，能够查看历史记录，能够统计代码生成量