




个人介绍
好奇心强,喜欢看官方文档,能快速接触新知识。具备学以致用的能力,code 实践驱动学习新技术。遇到错误时,力求追求分析其中底层原理,找出问题的根源。有良好的沟通能力和耐心,力求明确需求,按照需求进行开发。
工作经历
2021-01-27 -2023-04-28数支(武汉)互联科技有限公司前端开发
负责公司的项目管理系统、官网、数据收集系统、dashboard 系统。使用 React 对于负责的项目进行开发和优化,开发 UI 页面、交互功能、对接 API。开发一些公司项目的公共组件,分页组件、按钮组件、登录流程组件等。编写 API 需求文档。
2020-10-15 -2021-01-15北京千橡网景科技发展有限公司武汉分公司前端开发
负责迁移公司 CMS 的网站,主要迁移定制脚本和定制样式。阅读 jQuery 代码块功能,总结功能需求,使用 Vue 来实现,主要需求有 here maps api 地图、DOM 元素的增删改查、样式的修改、GA 埋点的设置等
教育经历
2017-09-01 - 2021-06-15湖北师范大学计算机科学与技术本科
技能

1. 基于 Vue 的电商管理项目,用于管理电商网站的用户、商品等。 2. 技术:Vue、Element UI、Axios、Webpack 责任描述:负责完成该项目用户管理页面和商品页面。使用 Element UI、Vue 开发页面和功能,使用 Axios 对接 API。对输入框组件的搜索功能进行防抖处理。使用 Element UI 中表格组件开发商品列表。使用 ES6 import() 实现组件的懒加载。对项目使用 Webpack 进行优化打包:排除三方依赖包,加载 CDN 资源;添加 chunkName ,将组件进行分块;使用 terser plugin 用来压缩 js 代码等。项目上线使用 Express 进行挂载打包后的文件。


1. 该项目是基于 React 实现的项目管理系统,主要功能为项目管理、交付物管理、组织之间签订合同。 2. 技术:React、Redux、Redux Saga。 责任描述:使用 React、Redux、Saga 实现项目管理、交付物管理、合同签订、权限的设置等功能。编写项目管理的 API 需求文档。开发公司的公共组件,登录流程组件、按钮组件、输入框组件、弹窗组件等。使用 Axios 中实现上传附件功能,使用 Axios 中 onUploadProgress 获取附件的进度,使用 Axios 中 CancelToken 中断上传附件中请求。 项目链接:https://spm.datareachable.cn/v2/stable


1. 基于 React 的数据收集系统,主要功能为生成自定义的表单给用户填写以此来收集数据。 2. 技术:React、Redux、Redux Saga、TypeScript、Websocket、Webpack。 责任描述:使用 React、Redux、Redux Saga 完成系统的表单展示和表单答题功能、表单拓展功能等。对交互体验进行优 化,开发表格冻结表头功能、使用媒体查询完成移动端适配。使用 postMessage API 和 iframe 标签实现跨源传递数据,实 现在其它系统中预览数据收集系统。使用 XSS NPM 包,将表单中渲染的 HTML 进行转义,防止 XSS 攻击。编写自定义 hook,封装提取来复用相同的状态逻辑。使用 Websocket 开发访谈者表单,实现表单之间的会话通信。 项目链接:https://datacoll.datareachable.cn/v2/stable/01GZK0G9N8ADZC1PKAHXBDT0EP
