工作经历
2021-12-01 -2023-06-01海尔优家智能科技(北京)有限公司高级前端工程师
1.采用 Vue2 框架进行项目的开发,使用UI组件库采用的是 element-ui ,简化了常用组件的封装,完成页面结构布局; 2.项目中的大文件上传(如图片、文档、视频)采用了oss分片上传的技术; 3.使用iframe页面通信技术进行两个系统之间的交互; 4.路由导航使用 vue-router,进行页面跳转的设置并配置请求拦截器; 5.通过 vue-axios 实现实时请求,在使用过程中,把 axios 挂载到了 vue 的原型上,供所有实例使用; 6.使用树形组件完成用户权限的展示、选中与授权; 7.在级联组件el-cascader的基础上进行封装改造实现了销售区域的选择。
2018-05-01 -2021-12-01北京毓秀星轩科技有限公司前端开发工程师
1.根据设计图用 element-ui 完成页面结构布局,采用vue框架进行开发; 2.使用 el-table和el-tree实现权限管理; 3.使用百度地图热力图将数据进行展示; 4.百度地图框选功能对地图上各区域数据进行查询; 5.使用Mapv、海量点等进行区域数据展示。
教育经历
2014-09-28 - 2018-06-30保定学院软件工程本科
统招本科,软件工程专业,学习的课程有C语言,C++,数据结构,操作系统,计算机网络,Java,软件测试技术
技能
项目描述:用户在三翼鸟APP打开在线设计,通过选择小区、户型图,制定符合用户需求的家居装修方案。 技术实现: 1.使用 vant组件库进行页面的开发; 2.使用 vant的ImagePreview实现了户型图片的放大预览功能; 3.使用rem实现响应式布局; 4.使用 localStorage 本地存储实现商品搜索的历史记录; 5.使用防抖函数解决用户搜索栏输入匹配时的查询内容显示延迟问题; 6.用户注册页面用 ajax 实现局部刷新; 7.采用 webpack 构建工具处理代码,与后台人员配合,规范接口代码。
项目描述:路测数据分析平台是将手持设备、车载设备所采集的信息和轨迹展示在百度地图上,并进行分析和管理。 技术实现: 1.采用 Vue 全家桶作为主要技术栈构建用户界面,使用 Ant-Design-vue 快速高效开发组件,完成页面结构布局; 2.使用 vue-cli 脚手架和 webpack 快速构建单页面应用程序,搭建各类表单组件、侧边栏导航组件、表格组件、弹框组件等,完成大量数据的双向绑定,避免 DOM 操作提高可维护性, 采用 es6 官方模块化标准; 3.使用 el-table和el-tree实现权限管理,完成用户权限的展示、选中与授权; 4.路由导航使用 vue-router,进行页面跳转的设置并配置请求拦截器; 5.使用Echarts、百度地图实现数据的可视化。
项目描述:三翼鸟是海尔智家旗下全球首个场景品牌,生态商家平台是一个对供应商、海尔员工、商品订单、财务账单等进行管理的平台,供应商可在平台进行入驻,员工进行审核,对商品进行创建、修改、审核、上下架等一系列的操作流程。 技术实现: 1.采用 Vue 框架进行项目的开发,UI组件库采用的是 Element-UI ; 2.登录、注册等页面的正则字符串的匹配验证用户信息; 3.项目中的大文件上传(如图片、文档、视频)采用了OSS分片上传的技术; 4.使用Iframe页面通信技术进行两个系统之间的交互; 5.路由导航使用 vue-router,进行页面跳转的设置并配置请求拦截器; 6.参与权限功能的开发,使用token进行身份验证,根据权限的映射关系实现不同角色对应不同的菜单目录; 7.在级联组件el-cascader的基础上进行封装改造实现了销售区域的选择; 踩坑:两个系统A和B,B系统嵌入了A系统的页面,不同的角色登录不同的系统有不同的权限,页面展示的内容也就不同,当在浏览器先登录A系统,再登录B系统,接着返回A系统,页面会出错,这是因为角色是从本地存储localStorage里面取的,登录B系统后再返回A系统,此时本地存储的角色还是B没有更换,只有重新登录A系统,角色才会重新存储。 解决方案:重写localStorage,对localStorage的get、set方法进行拦截,相当于重新实现一个函数,set的时候判断如果是在B系统就加个前缀B_roles,get也一样,这样两个系统在本地存储的角色key不同,页面就不会互相影响。