项目名称:有道员工管理系统(PC端)
项目描述:随着公司的壮大,公司原先的人员已经不能满足市场的需求,在企业大力扩招的同时。为
了便于公司成员的管理,研发了此项目,主要功能模块包括人员管理、订单管理、促销管理、业绩看板。
技术选型:React+Hook+Ant Design+Redux+Axios+addRoute
项目负责:
1、对UI设计图进行100%页面还原。
2、添加路由权限,进行页面划分,实现不同员工对应不同的管理权限。
3、利用状态管理工具对员工数据进行统一管理。
4、storybook工具进行组件管理,对组件目录级别完成切分。
5. 项目打包上线的部署与优化
项目难点:
1.权限设计与实现,由于项目中针对不同登录角色(主管、组长)需设置不同的权限登录,通过在后端登录后携带token,查询到userinfo,需封装过滤路由函数,动态添加对应得权限,对按钮级权限也需要控制,同时处理刷新权限参数丢失情况
项目名称:有道云辅导(PC端)
项目描述:公司为全面提升用户体验和学生听课效率,自主开设有道云辅导项目,来帮助辅导老师来进行全面的学生直播
教学+答疑解惑+课外知识点提升等内容
技术选型:React+Hooks+video-React+react-dnd+axios
项目负责
1、使用Antd pro进行项目搭建。
2、利用了video-React来实现播放器的引入,。
3. 利用jest、react-testing-library、react-hooks-testing-library完成编写测试
4、根据react diff算法原理实现代码性能优化
5、使用nginx实现项目部署、打包上线
项目难点:
页面会偶尔出现渲染异常情况,页面白屏,这边我独立进行渲染异常分析,制定出预防、兜底方案,进行对应监控渲染异常的高阶组件封装,打包,从而降低渲染异常率75%
项目名称:高途体验课(小程序)
所用技术:微信开发工具
项目描述:PC端和App端主要负责于正价课的用户板块,微信小程序轻便快捷,因为开发周期较短,
所以公司利用小程序来进行引流。
项目负责:
1、利用wxml和wxss完成小程序的页面布局和搭建。
2、使用tabBar设置底部的导航,实现选课和我的两个页面跳转。
3、与后端数据进行对接,完成页面的渲染。