




工作经历
2022-07-01 -2022-09-15上海元方科技前端开发实习生
内部的低代码平台组件开发,有过描述列表组件,流程图组件,登录组件的开发,以及平台更新个人中心部分的接口联调
教育经历
2019-09-01 - 沈阳建筑大学计算机科学与技术本科
计算机科学与技术专业,学习前端一年多
技能

该项目是一个仿照Jira制作的企业任务管理系统。用户在登录进入系统后,可以查看当前的项目,并对当前的项目进行人员的分配,通过拖拽的方式实现状态的管理等操作,通过特定的条件对项目进行筛查,可以通过直接复制url的方式将编辑过程中的项目分享给其他用户。 技术要点: 使用React中的错误边界对错误进行拦截,防止应用崩溃 使用typescript对整个项目进行类型约束 自定义hook实现异步操作、状态管理、debouce等统一的功能 使用redux/toolkit管理客户端状态,实现组件状态共享 使用react-query实现服务端状态管理,减少不必要的请求发送次数 使用emotion库来实现CSS in JS,以达到模块化CSS,实现CSS变量与作用域


该项目是一款服务于IT从业人员或学生的移动端应用,功能类似与CSDN与掘金等应用。该应用支持用户使用短信登录、对自己的频道进行管理、查看文章列表,管理自己的推荐的文章列表、对文章进行查看、点赞、评论等操作,也可以对其他用户进行关注;同时用户也可以对自己的个人信息进行管理,以及可以与智能客服进行聊天对话。 使用typescript为整个项目添加类型系统,提前预知错误,提高开发效率 react-router实现整个应用的路由设计以及通过state、params、query参数实现路由间的通信 使用redux/toolkit作为状态管理工具,可以实现组件间的状态共享 使用RTK-Query作为项目的网络请求与后台数据缓存工具,实现了数据的复用,减少向后端发送请求的次数 通过sass以及postcss对css的预处理,实现了开发效率的提高以及移动端自适应 使用socket-io作为websocket工具库来实现与后端智能客服的实时通信 通过对后端网络返回数据的统一处理实现了token失效后的无感刷新
