赵越的简历

个人信息

技能清单

前端

团队协作

其他

工作经历

2020.06 - 至今 北京搜狐新媒体信息技术有限公司

任职于汽车总部的移动研发部,担任前端开发工程师。主要负责微信小程序、管理后台等项目的开发和维护工作。

2019.03 - 2020.04 紫光云技术有限公司

担任数据中台团队(天津)的前端负责人,主要负责架构设计、代码规范制定、代码评审、组内成员工作安排以及重难点攻克等工作。在职期间主要使用 Vue 相关生态构建 PC 端后台项目,以及使用 Nuxt 搭建门户网站。

2018.05 - 2019.03 北京古点科技有限公司

使用 mpvue 从零开发一个商城类的小程序,除此之外也使用 Vue + Typescript 开发了一些后台系统。在职期间还加强了自己的后端技能,能够使用 PHP + Laravel 开发接口和非前后端分离的门户网站。

2017.08 - 2018.05 北京精准沟通传媒科技股份有限公司

使用 Vue 相关生态构建 PC 端、H5 和大屏项目,对接过企业微信和海康威视的视频监控系统。

项目经验

数据管理 DMS (线上地址) 紫光云 Vue PC Database

一款 Web 端的数据库管理软件,支持 MySQL, Oracle, MongoDB, Redis 等主流数据库的在线管理。前端使用 Vue CLI + ElementUI 搭建。

重难点在于布局、无限级导航菜单、多标签页以及接口管理等几个方面。项目对 Axios 进行了封装,可通过添加自定义配置实现自动提示错误信息、自动开启页面 loading 等效果;结合 Vuex 和 Vue Router 的导航守卫实现了不同数据库自动加载各自导航菜单的功能;导航菜单能够通过路由配置自动维护;通过 Vuex 和 keep-alive 组件实现了页面内的多标签页效果;结合 ElementUI 中的 ElTree 组件实现了数据库表信息的多级懒加载和动态更新。除上述重难点外,项目还实现了表单验证类封装、拖拽改变侧边栏宽度等诸多功能。

入职后对项目进行了渐进式的优化,大幅提高了代码复用率,代码量减少了约 40%;通过编写更合理的路由守卫,保证每种数据库之间互不干扰,提高了页面性能和稳定性。

模型设计器 紫光云 Vue PC 拖拽 OOC

一款通过鼠标拖拽即可映射数据表的字段和关系,实现不写 SQL 也能自由查询表数据的工具。前端使用 Vue CLI + ElementUI 搭建。

项目使用了 HTML 原生的拖拽 API,配合 ElTree 组件同时实现了无限级懒加载和动态更新效果。由于需求较为复杂,仅使用 Vue 组件并不足以保证灵活、复用和可扩展,因此项目还引入了 Model 层,使用了大量的面向对象设计,将模型、分组、树节点对象封装为独立的 Class,并且约定每个对象都必须通过 Class 实例化得到,以此保证数据结构的稳定。

日志服务平台 (线上地址) 紫光云 Vue PC Kibana ELK

一款能够接入各种软件产生的日志,进行抓取、检索和分析的在线工具。前端使用 Vue CLI + ElementUI + Kibana 搭建。

前端的重难点在于需要通过 iframe 内嵌一个定制化的 Kibana 服务。由于资料甚少,花了大量的时间在前期调研和阅读源码上,最终在 Linux 系统下完成了对 Kibana 开源版的定制开发和编译,并且编写了项目的整体 Nginx 配置,保证各个组件间能够正常通信。

dotcom space 微信小程序 古点 微信小程序 mpvue 商城

一个商城类的微信小程序,使用 mpvue + Vuex 开发。小程序中的页面及组件均自行开发,未使用任何第三方样式库或组件库。

小程序涉及商品选购、购物车、商品优惠、库存、下单和 VIP 会员等功能。为了解决商品优惠、VIP 优惠、优惠券等功能对价格的影响,对 Vuex 中的各种数据流向进行了控制,兼顾了性能和可维护性;由于购物车模块曾遇到了性能瓶颈,因此着重对其进行了性能优化,旨在提高增删商品的速度,优化后实现了瞬间响应;多次优化下单模块,对下单时的十几种异常情况进行了针对性处理。

日世冰淇淋机的管理后台及接口 古点 Vue Typescript RBAC Lumen PHP API

管理后台使用 Vue CLI + ElementUI + Typescript 搭建。结合 Typescript 中的 Interface、Enum 等机制,使用 TS 开发的鉴权、http 请求、路由守卫等模块均获得了更高的稳定性和可维护性。除此之外,项目还通过对 Vue 路由的加工实现了导航菜单的 RBAC 效果,保证不同角色只能看到属于自己的菜单项。

后端接口使用 Lumen 框架开发。除部分图表统计类的复杂接口外,我全量负责了其余部分的开发工作,如表结构设计,关联模型建立,RBAC 权限管理,Restful API 等。

红旗汽车 DMP 系统 精准沟通 PC H5 大屏 ECharts

本项目可细分为 PC, H5 和大屏三部分,均基于 Vue CLI 2 进行开发。我部分负责了 PC 端的开发,全量负责 H5 和大屏端的开发。

三端均涉及大量的 ECharts 图表,因此封装了一个可通过链式操作快速生成 Echarts 配置的工具。大屏端还对接了海康威视的视频监控系统,通过 Video.js 实现了 m3u8 视频流的直播播放。

开源项目 开源 Github

自我评价

A curious geek. 正版主义者,开源主义者。乐于接受新知识和新技术。“少数派” 用户,喜欢折腾各种软件和硬件,善于使用各种能提升工作幸福感的生产力工具。

A romantic virgo. 喜欢整洁的桌面,优雅的代码和一目了然的注释。信奉 Tim Peters 的代码哲学,拒绝 it can run 主义的代码。重度代码格式化症患者。变量命名时严格区分单词的单复数。

A true coder. 热爱编程,善于思考,有较强的自学能力。遇到麻烦时会第一时间寻找解决方案而非抱怨。喜欢解决问题后获得的成就感。懂得抬头看天空,更懂得低头敲键盘。

A nice guy. 性格开朗,易相处,面对姑娘时也许会羞涩。守时,执行力高,拒绝拖拉。纵然有着身为程序员的小骄傲,但时刻牢记自己仅仅是一个站在巨人肩膀上默默攀爬的后辈。

PDF MD