1.直播项目
负责内容: 负责web连麦、直播红包、抽奖、语音答题、互 动表情等功能的开发
项目描述: 项目使用react框架,教师端和学生端通信使用云信 sdk,动效使用lottie渲染,使用mobx管理数据状态。
项目亮点: 将动画文件上传到cdn,优化打包后的代码体积; 预加载动画图片,减少卡顿问题,提升交互效果。
2.互动题项目
负责内容: 负责项目的搭建、移动端适配、题型的开发等工作
项目描述: 项目使用cra搭建,使用rem适配移动端,lottie渲染动效,react-dnd实现拖拽功能,使用自研yd实现与客户端通信。
项目亮点: 使用react-lazy结合webpack的代码分割功能动态加载组件; 独立可复用逻辑抽成自定义hooks,提高开发效率
3.奥数网站
负责内容: 负责奥数网站前端+后台管理系统+web组件题库的搭建、开发等功能
项目描述: cra搭建前端网站,antd-pro搭建后台管理,搭建组件库,路由选择hash路由
遇到了在本地引入组件库时hooks报错的问题,报错原因是由于 本地项目依赖某一版本的react而组件库依赖另外版本的react从 而产生多个react副本,解决方法是在本地项目的webpack里配置 react的alias让组件库默认读取本地项目的react依赖。