




工作经历
2020-07-03 -2023-06-07图森未来有限公司高级前端工程师
自动驾驶仿真平台,用来创建虚拟场景进行自动驾驶的系统的测试,包括构建测试场景、运行测试场景、查看测试用例结果,判断测试用户是否符合预期,包括请求模块、地图模块、表单模块、校验模块、player 模块等功能。
2019-06-03 -至今百度前端工程师
完成了公司的项目前端工作,以及和后端进行不断的交互
教育经历
2016-09-01 - 东华理工大学物联网工程本科
获得了国家励志奖学金,每年都拿奖学金
技能

开发了个人首页和post页面以及使用markdown来写文章,支持复制图片以及各种markdown格式,前端利用tailwindcss + react开发,使用next-auth进行验证登陆,分别区分admin和普通用户,后端使用prisma + tsrpc + postgresql + typescript进行开发,属于一个前后端项目,后续会继续开发评论功能。


在该项目中负责维护和开发。1. 熟悉各种组件的开发流程,数据处理,用户友好,文档完善等工作 2. 设计了将 demo 实例从 md 文档修改为 vue 文档,借用 vue 编译器和内部 vite 插件进行开发的以及支持 setup ts/js 书写 3. 了解内部主题相关的实现以及进行部分完善 4. 熟悉项目之间的多人协作,各种 git 工作流 开源项目,项目地址:https://github.com/tusen-ai/naive-ui 项目技术栈:vue3 + typescript + vite


项目分为5个模块 1. 请求模块,项目内部使用多种不同的请求方式比如 http、gRpc、websocket 以及内部的 tsRpc 等方式调用, 以及类型、错误捕获进行封装使用 2. 地图模块,基于 mapbox 开发了包括地图加载的优化、地图缓存功能、地图构建和展示地图实体、地图工具、地图实体操作的使用等功能 3. 表单模块,内部开发了一套动态表单,进行高度的可配置性、表单模块化复用以及配置了用户自定义表单项的功能 4. 校验模块,使用 async-validator 对于用户创建/编辑的场景的保存或者测试之前对整体数据进行校验,防止数据不合法 5.player 模块则是对测试结果进行回放或者 preview 预览,基于 websocket 接受到订阅的 topic 数据进行渲染 我是这个项目的核心负责人,负责开发和维护该项目的需求以及修复各种bug. 项目技术栈是:vue3 + vue-router + vuex + vite + typescript + mapbox 熟练使用 vue3 进行开发,对typescript也很熟练,工具链能完整的配置项目。 开发了内部动态表单,达到右侧表单可以动态展示,以及有fieldChange进行监听,使得表单高度可复用和可配置 地图使用了缓存以及分块展示进行加载优化,加载过程中先加载当前块,然后在默认加载旁边的九宫格地图,当用户拖动时在重新加载并以9宫格进行渲染 使用websocket去连接后端,通过topic推送来进行数据实时更新 request模块重构,将tsRpc、Grpc、http、websocket请求进行封装,达到快速调用
