# 冯建东 - 前端工程师
13030503752 | ddshiyu@163.com
## 教育经历
景德镇陶瓷大学 | 计算机科学与技术 | 本科 (2014 - 2018)
## 工作
### 东风悦享科技有限公司(2023.01-至今)
**项目名称**:DMS数据管理系统
**项目描述**:管理对于自动驾驶ROSbag数据,扩充描述包括多样性采集(涵盖不同场景、天气和交通情况)、精准标注(图像和激光雷达数据的对象位置和类别标注)、数据清洗(去除噪声和重复数据)以及模型扩展(数据增强、多任务学习和模型融合),确保高质量、多样性的数据用于训练、可靠的自动驾驶系统
**技术栈**:Vue3、Pinia、Vue-Router、axios、ElementUI、Tailwind CSS、webviz、Antv X6
- 主要负责
- 封装useTable,usePagination,useTheme等一系列hooks
- 修改webviz项目源码
- 使用Antv X6开发任务流转图谱
- 封装主题管理,暗黑模式,自定义菜单模式,自定义CSS组合,Table组件,等一系列基础架构
- 项目成果
- 取消相同接口请求降低重复请求的次数,这样可以减轻服务器的负担,并提高整体系统的效率
- Webviz是一个用于ROSbag的可视化工具,用于分析和调试机器人系统,修改其源码对ROSbag包的打标、播放、跳转、记录时间等功能
- 封装一系列CSS组合样式,功能完善组件的基础功能,后续项目中重复利用,使系统更加丰富完整
### 深圳搜豹网络有限公司(2022.11-2023.01)
**项目名称**:华宝新能管理系统
**项目描述**:随着品牌高速发展,业务份额不断增加,再品牌化数字化营销领域需要做更多元化的考虑。构建唯一官方品牌门户,建设品牌社区、用户服务与支持系统都能提升品牌形象和用户体验
**技术栈**:Vue3、Vuex、Vue-Router、axios、Antd Vue
- 主要负责
- 网站权限管理
- 基于Antd二次封装公共组件
- 全局css以及全局方法的封装
- 低代码平台LOGO列表以及页脚部分
- 项目成果
- 后续开发基本不写css,极大提升写样式的效率
- 其他同事公用封装的基础组件,提升效率和一致性
- 通过低代码平台快速生成网页
### 深圳柚子街科技有限公司(2020.10-2022.06)
**项目名称**:AudioNova听力世界
**项目描述**:这是一个包含小程序、后台管理、pc和h5的项目,让所有听损人士回归品质生活,同时为您提供从听力早筛、助听器及听力康复等一站式的专业服务和解决方案。
**技术栈**:微信小程序、Vue、Vuex、Vue-Router、axios、ElementUI、React、React Hooks
- 主要负责:
- 小程序中首页、问答、听力测试、门店预约等
- 后台管理中用户注册信息表、数据概览图、banner、文章管理等
- pc端官网
- 移动端听力测试、活动预约页
- 对接合作方api
- 项目成果
- 重构首页,新增骨架屏与分步加载,让用户体验更佳
- 解决兼容安卓与ios音频播放异常问题
- 封装下拉、按钮、轮播图、弹窗、tab、表单输入等组件
- 封装全局状态修改与埋点等方法
**项目名称**:万唯文言文古诗词核实
**项目描述**:这是一个帮助老师出版教材核实古诗词与文言文的系统,包含同时高亮诗词、翻译、注释背景颜色并点击变色,实词搜索、分类,文章的跳转与下载
**技术栈**:React、React Hooks、Redux、Ant Design、Swiper
- 主要负责:
- 古诗词与文言文详情页实词高亮,实词点击,实词搜索以及诗词下载
- 实词库搜索、分类、下载以及跳转详情
- 素材实词分析
- 项目成果
- 基于Swiper给所有诗词分块,加上断点参数使后一篇诗词出现在前一篇诗词的地步,并判断鼠标的滚动的方向和距离来解决长篇诗词篇内无法滚动的问题
- 使用多个不同的class类来标记实词,使点击、搜索都能在原文、翻译、注释中同时高亮实词
- 使用Redux来保存保存当前文章,使点击返回能到正确的篇目
- 实时计算当前篇目距离顶部的高度,使切换的时候能够以平滑的动画滚动
### 深圳前海中智有限公司(2018-09 至 2020-09)
**项目名称**:信息搜索系统
**项目描述**:该项目是构建知识管理领域的知识图谱,具备 5C(客户、项目、产品、角色、领域)关联能力,将人知识、作业系统关联;建设基于图谱的搜索引擎,基于图谱进行语义理解和搜索词拓展,提升搜索召回率;并基于图谱关系进行搜索
**技术栈**:Vue、Vuex、Vue-Router、axios、ElementUI、Sass
- 主要负责:
- 使用 Vue-CLI3,配置跨域代理,以及开发环境和生产环境所需要的不同 ip
- 根据 UI 设计图还原搜索主页,搜索结果页,结果详情页,搜索联想
- 使用 ECharts.js 数据可视化开发力导向图以及关系图谱
- 开发上传上传配置文件和数据文件生成关系图谱的功能
- 项目成果:
- 抽出 ElementUI 的级联选择器源组件,更改相关功能,再重新引入,实现对搜索结果的条件筛选
- 封装请求拦截,如果接口报错可以弹出相应的错误
- 对搜索结果进行分页请求,减轻服务器压力,提升响应速度
- 复用级联选择器,实现对力导向图的条件筛选
## 个人项目
**项目名称**:个人网站
**项目描述**:学习总是伴随的遗忘,代码学了不用就等于没学,整合了自己所学的知识写了一个包括导航、博客、工具网站,记录自己的学习笔记,生活感悟。包括前台页面、后台管理系统、后端。
**技术栈**:
前台页面:Vue、Vuex、Vue-Router、axios、marked.js、Sass、highlight.js
后台管理系统:Vue、Vuex、Vue-Router、axios、element-admin、ECharts.js、tui-editor、Sass
后端:Express、Mongoose、Bcrypt、multer、jsonwebtoken、axios、connect-history-api-fallback
- 主要负责:
- 搭建前台页面、后台管理系统、后端的环境,编写三端的代码
- 购买阿里云服务器,使用 Nginx 并把项目部署到服务器
- 前台页面性能优化
- 项目成果:
- 后台权限控制,只有超级管理员才有编辑权限
- 后台获取访问的 IP,记录每天的访问量以及访问的城市,并用数据可视化表现出来
- 后台管理系统权限管理,只用超级管理员才有编辑权限
- 后端使用资源中间件,每个接口可以表示多个数据的请求
- 文章详情支持 Markdown 并定制了一种主题
- 前台支持 GitHub 授权登录
- 前台封装 tips,message 全局组件
- 使用 Sass 预编译自定义好要使用的类,后期几乎不写 CSS 样式
- 图片资源存放七牛云,压缩并使用 CDN 加速,页面加载速度提升 60%
## 专业技能
- 熟练掌握 HTML5+CSS3 页面布局,精确还原设计图,熟练各种布局,有良好的编程习惯
- 熟练掌握原生 JavaScript 及 ES6 新特性
- 熟悉 Git 版本管理工具和与协同开发
- 熟悉 Linux 基本命令,能完成服务器的部署
- 熟练掌握 Sass,Less 和 Stylus 等 CSS 预处理语言
- 熟练掌握通过 Vue 前端框架对组件进行封装
- 熟悉 Node.js 和 Express,及 MongoDB,可以进行较复杂的后台开发
- 熟悉微信小程序开发
- 熟悉React Hooks、Redux、Ant Design,TypeScript
- 了解ECharts 图表开发
## 自我评价
- 对自己的定位: 主攻前端,同时在其他方面打打辅助。我不希望过于依赖别人,即使没有后端没有设计没有产品经理,我依然想要把这个产品做到完美。毕竟全栈才能最高效地解决问题。
- 我对工作的态度: 第一,要高效完成自己的本职工作。第二,要在完成的基础上寻找完美。第三,要在完美的基础上和同事互相交流学习,互相提升。工作是一种生活方式,而不是一份差事。