该项目是文旅数据可视化的移动端展示，页面搭建上做好了*端端适配，方便不同机型的用户拥有相同的使用体验

科研数智通项目是基于中国新型城镇化研究院的科研资源及中国移动通信集团浙江有限公司大数据中心提供的大数据平台，开展了 一系列数据库建设和科学研究工作。平台主要提供数据查询、数据字典、文献管理、数据挖掘4个主要功能 1、使用JWT请求认证及jsencrypt加密完成登录模块 2、由于此项目80%的业务都是后台管理系统，为了便于组件的重用和维护，基于ElementUI，对通用性表格、查询表单进行二次封 装，基于对象的形式去实现动态表单及动态表格渲染，使用minix抽离出表格动态高度的计算；使用自定义指令，对Dialog二次封 装，使其具备可拖动改变位置的能力。 3、使用vue-router导航守卫，配置路由拦截，根据不同的权限，获取不同的菜单，实现动态路由加载，路由拦截；权限菜单 4、使用vue-codemirror插件完成用户自定义取数sql输入，sql-formatter对输入的sql语句格式化，提高用户取数效率。 5、使用Echarts完成平台用户数据下载及数据访问量的可视化呈现。 6、使用husky规范提交信息，检测修改的新代码。 7、针对万级以上的数据，使用虚拟滚动列表展示当前资源，解决页面卡顿问题。 8、性能优化，使用GZip压缩，提高用户访问速度，image-webpack-loader压缩图片，总体提升打包构建速度(提升50%)，减少构 建的体积（减少37%）。

该项目是可视化大屏，用于辅助分析浙江省景区游客出行的监控及往年节假日景区入园游客数量，从而提升文旅观测的 及时性 1、以设计稿的尺寸为标准，页面混入适配函数完成页面适配屏幕。 2、使用Echarts 加载geo地图，完成地图的渲染，以及地图下钻与侧边图表联动。 3、对Echarts图表进行封装，增强图表组件的可复用性，降低后期维护成本；使用loadsh.merge方法实现业务数据和图表基本样式 合并处理。 4、使用element-resize-detector对元素尺寸监听，当发生变化时同步更新echarts视图。 5、使用html2canvas读取对应元素渲染成canvas图像，使用jspdf最终转化为pdf实现页面数据pdf导出的功能。 6、可视化地图基于Openlayers，产出OlMap地图组件，针对万级以上的数据，Openlayers手动绘制渲染缓慢，使用GeoServer服 务渲染，提供WMS服务，前端只负责图片的渲染，减少浏览器的渲染压力。