NEWRAINA

上海前端工程师newraina.comgmail

工作经历

众安保险

2017.11-2021.04|资深前端开发工程师
  • 前后端开发,参与数据埋点规范制定、埋点服务运维和问题排查、公司组件库zarm开发
  • 搭建了三人的前端小团队,前端项目管理、任务分配

百姓网

2016.04-2017.11|前端开发工程师
  • 中后台系统前端开发
  • 推广 ant-design / TypeScript

项目经历

数据监控平台

2019.09-2021.04

React / MobX / TypeScript / antd / BizCharts / G6,提供风控和运营指标的可视化和监控能力,可以配置监控任务和规则、查看实时指标,我负责其中实时监控大盘的开发。

  • 负责了交互上的很多优化点,产品细节得到了用户(运营同学)的肯定,在已移交项目、有新的竞品的情况下,依然愿意使用这一版本

特征配置中心

2019.01-2021.04

React / MobX / TypeScript / antd / Blockly / G6,提供风控特征从创建到调用整个流程的配置和监控能力,可以减轻新特征上线、维护和问题排查的工作量。我负责其中特征逻辑的可视化配置、特征调用链路可视化的开发。

  • 使用 Blockly 实现可视化代码编辑,扩展 Blockly 功能,定制 Block,用于复杂逻辑配置
  • 实现动态表单,用于简单逻辑配置

营销客群数据网关(后端)

2019.06-2021.04

Java / SpringBoot,提供客群生成能力,接收其他服务的客群生成请求,返回满足条件的用户信息 CSV 文件,同时提供围绕着客群文件的分片、下载、导出、格式转换等功能。核心模块是 Schema to SQL 生成、客群异步任务创建和消费。

  • 负责的第一个后端项目,在一个月内完成了从语言学习到项目上线的整个流程
  • 项目有一定复杂度,涉及消息队列、大文件处理、分布式环境下多实例的简单优化

知识积累与分享

开源贡献

  • ts-plugin-mst-async-action: 在 mobx-state-tree 中,async action 需要用 flow 函数包裹 generator 函数,使用该 plugin 可以简化代码,直接用 async/await 写 action
  • PR: implement MobX Observable Set: 为 MobX 增加新的数据结构
  • SensorsKit: 用于埋点的 Vue 自定义指令,可以统一交互事件定义、减少全埋点工作量。在公司刚刚推广埋点时起过一点作用,之后不再维护

教育经历

西南交通大学

电子信息科学与技术|CET-6|2012-2016