前端仔马先森
1月前来过
全职 · 500/日  ·  10875/月
工作时间: 工作日19:30-00:00、周末09:00-18:00工作地点: 远程
服务企业: 4家累计提交: 0工时
联系方式:
********
********
********
聊一聊

使用APP扫码聊一聊

个人介绍

你好,我是一名前端开发工程师,工作时长2年+,目前积累了很多C端和B端的开发经验。

目前在小米任职,开发过商城、供应链管理系统等大型项目和系统。本人擅长React、TypeScript、Webpack、Vue等技术,有很良好的编码风格和规范,扎实的基本功。

项目经历:

小米海外商城

项目技术栈:React17TypeScripti18nextwebpack5Sass此项目开发期间,主要参与10个+地区的商城个人中心页面业务开发和公共组件开发,重构了2个业务模块、输出4个公用组件,封装前端diff逻辑解决不同地区的差异化处理。主导并开发新版米网多站多语言方案的实现,经调研后确定以i18next库为基础实现了动态切换语言的多站多语言方案。主动与下游翻译团队沟通协定解决不同地区单复数配置变量配置难点问题,推进配合了多站多语言方案的落地。项目成果:该项目全量上线8个地区灰度3个地区PV均超30W+

小米海外商城灯塔SDK

项目技术栈:TypeScriptRollup主导并从0到1的开发了灯塔系统,输出了两个SDK:灯塔js版本SDK、灯塔webpack插件SDK(支持webpack4、webpack5)。主要实现了以下功能:利用错误事件监听收集前端页面各类报错:js代码错误、js语法错误、静态资源加载错误(css、js、image、video、audio等)、promise错误等。SDK支持自定义收集的错误类型自定义项目名称等。清洗数据并分类上报:根据不同类型错误自定义错误级别(p0、p1、p2),获取对应错误堆栈信息、错误message、报错页面url等信息并整合。在数据上报上,采取sendBeacon APIImage GIF(前者不兼容采取后者)两种方式结合上报,最大程度上保证了错误数据上报的准确率。支持主动上报自定义错误。项目成果:目前该SDK已接入10个+项目,累积已解决的错误超过80+,整体降低页面报错率

小米供应链管理系统

项目技术栈:React17Ant designaxiosmoment.jsWebpack5Sass参与开发系统迭代需求和性能优化需求,使用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哈尔滨理工大学测控技术与仪器本科

技能

HTML5
CSS
Vue
React
前端
0
1
2
3
4
5
0
1
2
3
4
5
作品
小米海外商城灯塔SDK(前端错误监控)

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%以上。

0
2023-04-08 14:08
小米供应链管理系统

1. 项目技术栈:React17、Ant design、axios、moment.js、Webpack5、Sass 2. 项目功能: 参与开发系统迭代需求和性能优化需求,使用Antd和React搭建页面5个,交付迭代需求10个+。 通过引入SpreadJs表格库解决传统DOM操作性能瓶颈问题,封装SpreadJs表格通用组件1个,支持页面20+个。 解决批量复制数据请求的难点需求,实现批量复制、控制并发请求数量、还原数据顺序需求。 3. 0项目成果:封装SpreadJs表格组件提升表格操作性能60%+。优化部分交互,简化操作流程,大幅提升表格整体交互操作体验。

0
2023-04-08 14:30
小米商城(海外)

1. 项目技术栈:React17、TypeScript、i18next、webpack5、Sass 2. 项目功能: 此项目开发期间,主要参与10个+地区的商城个人中心页面业务开发和公共组件开发,重构了2个业务模块、输出4个公用组件,封装前端diff逻辑解决不同地区的差异化处理。 主导并开发新版米网多站多语言方案的实现,经调研后确定以i18next库为基础实现了动态切换语言的多站多语言方案。主动与下游翻译团队沟通协定解决不同地区单复数配置、变量配置等难点问题,推进配合了多站多语言方案的落地。 3. 项目成果:该项目全量上线8个地区,灰度3个地区,PV均超30W+。

0
2023-04-08 14:32
更新于: 2022-12-14 浏览: 277