技术能力

从事前端工程师职位三年有余 本人特别擅长可视化开发、pc后台开发、H5开发、大屏开发、在以往的工作中 一度高效完成公司所生产的业务
技术栈：Vue全家桶
掌握的技术： G6/X6/ECarts可视化、webSocket双向通信、微信小程序开发、electron桌面应用开发、H5开发、element、Swiper、gis、ceisum、three.js、webpack打包工具、视频播放、jsplumb、vant

项目经验

项目：国家广播电视局(广电局)
项目介绍：广电局的审核系统、前台系统、管理系统
项目负责：产品研发、分析会、制定流程、封装组件、编写框架、编写代码 高效还原原型设计稿
1、整合冗余代码 重构框架 编写前端代码风格文档以及git规范
2、修复上个版本遗留bug 大多是Vue响应式原理bug 以及冗余代码
3、封装可视化图表 项目的核心在于复杂多变的图表信息 以及多种svg形式的地图 坐标等
4、饼状图 折线图 柱状图 关系图 球体 地图 等图表 ER图 并相对应配置项
5、封装公共方法XML time处理 浏览器兼容问题 路由死循环处理 过滤器 实例对象 适配 并发的接口promise.all
6、封装登录页 生成二维码 微信扫码登录 短信倒计时 验证码 多种登录方式
7、授权操作 API投入 API生成等 以及二次封装element组件 表格 搜索 弹出框等
8、CSS3 多种操作 统一样式等

项目：大屏可视化 汇添富基金
地点：上海浦西 外滩汇添富基金大厦 1层 五块可视化大屏
1、项目框架Vue 使用Vue脚手架搭建架子 编写router路由 App定义路由入口 安装依赖
2、由于是大屏展示 较多动画是轮播图 我使用的是Swiper插件 由此做轮播器
3、考虑到一期项目是客户手拿pad进行控制五块大屏 因为使用vuex进行数据管理
4、项目中要进行双向通信 因此我使用websocket进行通信控制 定义指令字段 导出请求指令
5、多次编写全局组件 提高代码质量避免冗余 方便自己维护
6、使用vue的过渡标签包裹组件 进行功能切换动画
7、三种模式 1、团队模式展示 2、领导模式展示 3、自定义展示
8、使用H5热点区域标签 规划图片中的坐标 搭配element ui 对话框进行 点击放大效果
9、利用计时器进行时间控制无操作进入屏保状态 并自动轮播
10、后期和公司ios开发配合写入socket地址 发送指令 进行双向控制
11、后期进行pad书写文字可英文可中文可中英文混排 进行判断英文和中文 从而进行空格的控制 定义好公共
方法 获取到后端返回的空格符和换行符进行搭配正则while循环处理字符串
12、三次现场调式 于六月8日上线 完成一期开发 并研讨二期制作 二期后台管理系统

项目：海洋局十五
中科软公司北京海淀研发部门的埃及项目，Vue2版本技术栈 项目框架和另一位前端搭建 不是组件化思想 而是模块化思想 因为我们以后再做类似项目或者类似页面类似功能 就算开发不是前端 其他开发者也可以直接抽取 然后从老项目里将代码迁移过来 并部分重构 然后再重新开发 抛出普通功能列表导入导出下载等等等，核心在于gis地球的数据检索 通过各种检索机制检索条件 去类似卫星一样的查看目标三维立体的场景
项目负责重点：
1、多语言配置
2、模块化思想框架
3、原生的手写配置ajax
4、gis地图三维 天地图 数据检索 (项目核心)
5、vuex的使用 不再导入导出api接口 而是统一存放至vuex actions中
6、经典基本功 封装公共方法供其他开发使用 Vue实例、过滤器、抛出全局变量、导出的原生请求XMLHttpRequest、解析文件流方法、gis地球的判断是移动端还是pc端方法、打印功能（安装插件-vue-print-nb）
7、全世界城市渲染 并同时调用Cesium依赖api 进行三维立体查看
8、引入jq 让调式dom节点更加方便 通过选择器直接控制dom节点
9、封装模拟Vuex 数据仓库

团队情况