针对南充市进行综合指数排名,通过城市的城镇人气、用电质量、基础设施、绿色能源、旅游业等方面进行可视化大屏展示和后台管理服务
项目技术栈:
Wue vuex vue-router elementui lazy-vue echarts axios等
项目职责
1)负责项目框架的搭建
2)对于所有请求的封装运用到了 axios
3)vuex 实现功能模块之间的相互传参。
4)vue-router 完成路由搭建,实现模块之间跳转
5)通过 vue-router 的导航钩子的运用完成前端部分的权眼拦戳,通过后端约定好的路由来实现不同身份登录平台的不同菜单展
示
6)性能优化(压缩j5,压缩图片,图片懒加载,减少 htp 请求,不常更换的数据存放在 locolstrong中,减少和服务器交互的压力,运用生命周期回收计时器、函数等等)
7)上传组件,工人选择组件等以及公共方法的封装
8)大屏数据展示,用到了大量 echarts 图表和 思极的地图
9)项目发版的打包
10)bug 修改,后期维护
业绩:
负责南充能源大数据可视化大屏上过四川新闻网提供技术开发和支持。浏览器兼容性:可视化大屏尺寸变化时,出现异常,通过百分比和vw 进行开发