个人介绍
你好,我是一名前端开发工程师,工作时长2年+,目前积累了很多C端和B端的开发经验。
目前在小米任职,开发过商城、供应链管理系统等大型项目和系统。本人擅长React、TypeScript、Webpack、Vue等技术,有很良好的编码风格和规范,扎实的基本功。
项目经历:
小米海外商城
项目技术栈:React17、TypeScript、i18next、webpack5、Sass此项目开发期间,主要参与10个+地区的商城个人中心页面业务开发和公共组件开发,重构了2个业务模块、输出4个公用组件,封装前端diff逻辑解决不同地区的差异化处理。主导并开发新版米网多站多语言方案的实现,经调研后确定以i18next库为基础实现了动态切换语言的多站多语言方案。主动与下游翻译团队沟通协定解决不同地区单复数配置、变量配置等难点问题,推进配合了多站多语言方案的落地。项目成果:该项目全量上线8个地区,灰度3个地区,PV均超30W+。小米海外商城灯塔SDK
项目技术栈:TypeScript、Rollup主导并从0到1的开发了灯塔系统,输出了两个SDK:灯塔js版本SDK、灯塔webpack插件SDK(支持webpack4、webpack5)。主要实现了以下功能:利用错误事件监听收集前端页面各类报错:js代码错误、js语法错误、静态资源加载错误(css、js、image、video、audio等)、promise错误等。SDK支持自定义收集的错误类型,自定义项目名称等。清洗数据并分类上报:根据不同类型错误自定义错误级别(p0、p1、p2),获取对应错误堆栈信息、错误message、报错页面url等信息并整合。在数据上报上,采取sendBeacon API和Image GIF(前者不兼容采取后者)两种方式结合上报,最大程度上保证了错误数据上报的准确率。支持主动上报自定义错误。项目成果:目前该SDK已接入10个+项目,累积已解决的错误超过80+,整体降低页面报错率小米供应链管理系统
项目技术栈:React17、Ant design、axios、moment.js、Webpack5、Sass参与开发系统迭代需求和性能优化需求,使用Antd和React搭建页面5个,交付迭代需求10个+。通过引入SpreadJs表格库解决传统DOM操作性能瓶颈问题,封装SpreadJs表格通用组件1个,支持页面20+个。解决批量复制数据请求的难点需求,实现批量复制、控制并发请求数量、还原数据顺序需求。项目成果:封装SpreadJs表格组件提升表格操作性能60%+。优化部分交互,简化操作流程,大幅提升表格整体交互操作体验。自我评价:本人性格务实,抗压能力强,喜欢效率至上。
工作经历
2020-07-08 -2022-12-30小米科技有限责任公司前端开发工程师
入职至今,共参与了OA系统、线下门店销售业务、海外商城、供应链4条业务线的业务开发和部分基础设施建设工作,高质量交付了10个项目,产出各业务线项目开发文档、SDK使用文档、技术分享文档共计20篇,商城项目PV均超30W+。 主要技术栈:React、TypeScript、webpack、Vue。
教育经历
2016-09-01 - 2020-06-30哈尔滨理工大学测控技术与仪器本科
技能
1. 项目技术栈:TypeScript、Rollup 2. 项目功能: 主导并从0到1的开发了灯塔系统,输出了两个SDK:灯塔js版本SDK和灯塔webpack插件SDK(支持webpack4、webpack5)。主要实现了以下功能: 利用错误事件监听收集前端页面各类报错:js代码错误、js语法错误、静态资源加载错误(css、js、img、video、audio等加载错误)、promise报错等。 清洗错误数据并分类上报:根据不同错误类型自定义错误级别(p0、p1、p2),获取对应错误堆栈信息、错误message、出错页面url信息等并整合。在数据上报上,采取sendBeacon API和Image gif两种方式结合的方案上报,以保证最大程度的数据准确率。 3. 项目成果:目前该SDK已接入10个+项目,累积已解决的错误超过80+,整体降低页面报错率60%以上。
1. 项目技术栈:React17、Ant design、axios、moment.js、Webpack5、Sass 2. 项目功能: 参与开发系统迭代需求和性能优化需求,使用Antd和React搭建页面5个,交付迭代需求10个+。 通过引入SpreadJs表格库解决传统DOM操作性能瓶颈问题,封装SpreadJs表格通用组件1个,支持页面20+个。 解决批量复制数据请求的难点需求,实现批量复制、控制并发请求数量、还原数据顺序需求。 3. 0项目成果:封装SpreadJs表格组件提升表格操作性能60%+。优化部分交互,简化操作流程,大幅提升表格整体交互操作体验。
1. 项目技术栈:React17、TypeScript、i18next、webpack5、Sass 2. 项目功能: 此项目开发期间,主要参与10个+地区的商城个人中心页面业务开发和公共组件开发,重构了2个业务模块、输出4个公用组件,封装前端diff逻辑解决不同地区的差异化处理。 主导并开发新版米网多站多语言方案的实现,经调研后确定以i18next库为基础实现了动态切换语言的多站多语言方案。主动与下游翻译团队沟通协定解决不同地区单复数配置、变量配置等难点问题,推进配合了多站多语言方案的落地。 3. 项目成果:该项目全量上线8个地区,灰度3个地区,PV均超30W+。