裕华区企业服务
前端开发工程师
2021.05 ~ 2021.12
项目职责:前端开发工程师
裕华区企业服务是企业查看政府相关政策,通过政府发布的相关政策企业可自行申请,还可以申请相关写字楼发布的相关信息,还
有相关人才推荐信息企业可通过人才模块进行查看
主要模块
登录,政策服务,人才服务,招商中心,培训中心,金融服务,企业空间
负责的模块
招商中心,政策服务,企业空间
运用 vue.js+element 开发,采用前后端分离开发模式。
页面之间的跳转是引进 Vue-router ,采用路由跳转进行实现,并运用 Vue 实现了页面之间的
数据交互
通过 axios 和后台交互,实现权限认证,查看详 情,通过 ant-design 实现分页效果。
使用 axios 获取后台路由信息进行动态路由权限判断
查看详情
智能空调控制器系统
前端开发工程师
2022.05 ~ 2024.02
项目职责:前端开发工程师
技术栈: 使用 vue 进行 ECharts 封装处理,使用 EChartsAPI 对数据分类展示,对 ECharts 进行前后端通信,动态数据更新,使
用 vuex 优化代码处理页面内存过载
项目简介: 智能空调控制器系统该项目主要用于控制节能信息展示,数据概况,设备视图,设备管理,报警管理和系统管理模块
职责:
1.负责对数据概况模块进行多层次的 ECharts 信息展示,用户实时看到数据变动
2.负责设备视图对设备进行控制发送相关指令进行开关机,对设备进行远程操控
3.负责设备管理添加设备,修改设备,对设备进行网关联网,获取设备运行状态查看设备,对设备数据 ECharts 信息展示,操控设备获取年月日的数据导出查看
4.负责设备报警,在设备视图页面对报警的设备单独进行设备展示语言播报提醒用户设备报警,并且发送短信提醒用户设备报警
业绩:
1.负责对页面使用 vue 进行组件化处理,减少代码维护
2.使用 element 进行页面交互增加用户对页面的联动性
3.后端数据返回使用 Axios 封装处理,减少页面多次调用 api ,方便项目维护
4.使用 Vue Router 封装动态路由,并且优化提升页面联动跳转
5.对多次调用的api接口进行 vuex 集中管理维护,并且使用 vuex 获取后台数据集中处理返回至 vue 组件
6.简化代码使用 es 6语法对数据优化处理
7.ECharts 数据信息展示,优化 ECharts 对页面内存过载问题,并且进行 vue 组件化,优化项目 ECharts 动态数据更新
查看详情
广东省教育考试服务中心(小程序)
前端开发工程师
2022.06 ~ 2023.04
项目职责:前端开发工程师
项目介绍: 广东省教育考试服务中心 , 展示学校基本信息 , 通过直播和视频对学校基本信息讲解 , 可以在直播页面中解答学生疑惑 , 也可以通过客服页面一对一解答
主要模块: 直播管理,直播回放,招生简章,直播中心,院校专区,咨询管理
职责:
1. 使用瀑布流的方式展示院校专区,对后台返回的图片以及视频流进行封装处理。
2. 调用微信视频 API ,获取视频对多个视角展示,对不同时段视频同更新。
3. 调用腾讯云 IM,SDK 在小程序中实现一个直播间,多人发送弹幕,保存弹幕数据,对弹幕数据展示使用 InfiniteScroll ,通过懒加载的方式防止数据卡顿页面
4. 保存咨询管理数据传输至考试院招考宣传中心管理后台同步信息,通过心跳的方式实现双端信息同步。
业绩:
1. 使用 uniapp 实现模块化,封装打包,使用分包减少打包体积
2. 使用腾讯 IM的 SDK 进行一个第三方的直播弹幕和人工服务,直播管理板块使用了腾讯 IMSDK 的弹幕展示禁言和弹幕隐藏显示等直播功能
3. 使用 uni-app的 live-pusher,live-player 组件进行开发,并且调用了后台对接的阿里云视频流进行直播输出
查看详情
广东省教育考试服务后台中心(pc)
前端开发工程师
2023.05 ~ 2024.02
项目职责:前端开发工程师
项目介绍: 广东省教育考试服务后台中心 , 是管理学校和直播间对学校上传的信息进行审核 , 对直播间进行管理 , 对小程序通过信息管理 , 设置管理权限 , 管理每个学校上传的教学团队 , 学校环境 , 学校历史和文化信息 , 介绍学校的详情展示。
主要模块: 登录,直播管理,招生管理,咨询管理,院校管理, 门户管理,权限管理
职责:
1.使用瀑布流的方式展示院校专区,对后台返回的图片以及视频流进行封装处理。
2.调用微信视频 API ,获取视频对多个视角展示,对不同时段视频同更新。
3.调用腾讯云 IM,SDK 在小程序中实现一个直播间,多人发送弹幕,保存弹幕数据,对弹幕数据展示使用 InfiniteScroll ,通过懒
加载的方式防止数据卡顿页面
4.保存咨询管理数据传输至院校管理平台咨询页面同步信息,通过心跳的方式实现双端信息同步。
5. 运用 vue.js+element 开发,采用前后端分离开发模式。
6. 通过 axios 和后台交互,实现权限认证,查看详情,通过element 实现分页效果。
7. 使用 axios 获取后台路由信息进行动态路由权限判断。
业绩:
1. 运用 vue.js+element 开发,采用前后端分离开发模式。
2.负责对页面使用 vue 进行组件化处理,减少代码维护,使用 element 进行页面交互增加用户对页面的联动性
3.使用腾讯 IM的 SDK 进行一个第三方的直播弹幕和人工服务,直播管理板块使用了腾讯 IMSDK 的弹幕展示禁言和弹幕隐藏显示
等直播功能
4.使用ES6的api,对代码提高效率,对代码进行维护。
5.使用vue组件通讯props,$emit对页面进行相互数据通讯
6.对多次调用的api接口进行 vuex 集中管理维护,并且使用 vuex 获取后台数据集中处理返回至 vue 组件
查看详情