技能：

HTML, CSS, JavascriptReact, ReduxTypescriptAnt Design, Umi

项目经历：

2016.09 – 2017.07  家乐福仓储管理系统

基于ExtJs和DoJo的前端数据可视化开发，主要是针对表格容器的组件化开发，包括按列排序、网格锁定以及编辑和删除单元行等功能。

2017.07 – 2018.07 IBM Service Solution Platform

负责运用React和Ant-Design组件实现前台Data Loading控制页面，包括响应式页面，用户登录登出，进度条实时更新和结果反馈效果

2018.08 – 2019.03  电子钱包手机客户端

运用React Native开发功能模块，包括组件间通信、路由导航以及数据缓存等，并通过EthersJs提供的API实现DApp与以太坊的交互（助记词生成钱包地址、交易）

2019.11 – 至今    太保云门户网站

为适应门户主机列表展示和操作的需求， 负责项目基础Table组件的开发， 对Ant Design的Table组件进行二次封装，在此基础上还封装了列表搜索Form组件和按钮组件，将列表搜索条件作为组件属性传递给子组件，并通过回调函数实现了列表内调用接口搜索以及选中列表项进行操作的功能。根据灾备系统的业务需求， 负责战时配额管理模块的前端开发，通过接口返回的配额校验结果，编写资源验证统一入口函数，实现了对云主机的计算资源、存储资源和网络资源进行前端配额提示。负责云门户资源二次购买需求的开发，根据不同的资源类型对已加入购物车内的资源进行二次选择，包括内存、CPU和数据盘等规格的重新选择，并通过React refs获取到Form表单实例和所有控件的value值来完成资源规格的修改。性能优化，对组件进行解耦，抽离成子组件并独立请求数据和控制其渲染。优化webpack配置，通过splitChunk拆分第三方组件包并配合React.lazy实现路由懒加载。

2021.3 - 至今 太保云盘

独立负责云盘通用文件列表组件File Table的开发，对Ant Design的Table组件进行二次封装， 传入按钮组属性作为表格顶部操作栏（新建文件、文件下载、分享和删除等按钮），传入action属性作为列表的行内操作（查看文件属性等）， 并通过子父组件传值实现以上功能的回调函数。为实现多层级文件夹导航的功能，负责开发文件列表面包屑导航组件，对Ant Design的Breadcrump组件进行封装，运用数组方法实现了点击列表导航栏进入或退出文件夹的功能。使用React Redux实现对云盘空间数据的状态管理，包括个人云盘空间和群组云盘空间，实现了在云盘空间全局状态下的实时查询并展示。对长列表组件实现虚拟列表，通过判断列表滚动距离，在列表顶部和底部动态插入虚拟列表占位， 提高大数据下的列表渲染性能。用浏览器window.requestAnimationFrame方法优化动画