项目介绍：由蚂蚁集团牵头的金融知识答题H5、支付宝小程序，用户通过答题以及做任务学习金融知识获得对应的积分进行抽奖，从而提高用户对金融知识的了解。该项目由React + TypeScript + webpack 进行开发。 负 责：页面的UI搭建、功能的开发。 1、弹窗队列：由自定义封装逻辑hook usePopupManager 处理popupqueue的新增、展示、删除以及popup的UI及其逻辑。 2、多选、单选逻辑：由Set集合对所选的答案进行交集、差集进行过滤，得出当前题选择正确以及选择错误的选项，通过操作dom展示选择选择正确的答案、选择错误的答案，通过useImperativeHandle曝露子组件init方法进行初始化答题数据。 3、H5跳转支付宝小程序、支付宝H5：通过CallApp进行跳转支付宝页面进行学习金融知识以及*环境跳转支付宝小程序。 4、支付宝小程序与H5通信：类似与iframe的通信方式，通过postmessage发送消息onmessage 监听消息。

项目介绍：由国际象棋世界冠军李超、王玥牵头的一款App、H5、小程序、PC端，用户可通过对弈、解题练习、人机对战、好友PK等多种玩法学习了解、进阶提升国际象棋棋力，对于开发培养青少年的智力，更有极好的效果。该项目的B端由React + TypeScript + vite进行开发。 负 责：国际象棋B端 1、借助Hooks-Admin 实现权限、路由，通过vite的import.meta.glob 引入所有路由与权限进行比对，将其路由列表存入localStorage实现数据持久化、展示不同的Menu，若输入地址不在路由权限则会跳转到兜底页。 2、借助wangEditor(基于slate.js)实现富文本来配置App咨询模块，并对其富文本菜单以及hoverbarKeys进行改写。 3、使用iframe嵌入咨询模块H5，使用iframeApi的postMessage将富文本内容发送到iframe以达到在配置咨询模块时所见即所得。

项目分为主页、普通玩法、比赛玩法、好友玩法、兑换、邮件、商城、排行榜、任务。 主要负责主页、邮件、比赛玩法排队、兑换等。 项目是Rax（基于React）+TypeScript进⾏项⽬的开发。 1、首先获取设备等级、根据等级划分加载所需资源。 2、根据等级划分将首屏资源以及其他重要资源进行预加载。 3、调用用户信息主接口，拿到用户信息通过阿里状态管理工具（pcom-mx）存储，如果用户当前状态是游戏中，则会跳转到游戏页面，若不是进入到主页。 4、通过单例模式，建立带有检测心跳的ACCS（WebSocket）链接。 5、用户视觉中邮件信息呈现已读状态，利用Ref属性获取节点信息，ScrollView组件onScroll属性获得滚动中节点信息来进行逻辑处理。 6、比赛模式排队弹窗通过ACCS下发消息进行更新头像操作，通过发布者订阅模式在ACCS下发开局信息时将排队弹窗以及退出排队弹窗关闭。