浙江科研数智通项目
项目描述
科研数智通项目是基于中国新型城镇化研究院的科研资源及中国移动通信集团浙江有限公司大数据中心提供的大数据平台，开展了
一系列数据库建设和科学研究工作。平台主要提供数据查询、数据字典、文献管理、数据挖掘4个主要功能。
技术栈
vue2、vue-router、vuex、axios、husky、ElementUI、Echarts、vue-codemirror
项目职责
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%）。



省侧流量洞察项目
项目描述
省侧流量洞察项目是观测浙江省浙江移动用户app、域名、公众号小程序等媒体分析。以上网数据为基础，结合用户基础信息，为
其提供标准的APP、微信公众号、小程序等媒体排行、访问趋势和客群画像等基础数据分析。
技术栈
vue3、vue-router、ant-design-vue、vuex、axios、Echarts、vite
项目职责
1、使用husky、prettier、lint-staged制定前端开发规范，文件命名等。
2、使用函数式组建对侧边栏进行封装，提高渲染性能，降低开销。
3、使用amap引入高德地图完成反馈浙江省内地市区县浙江移动用户的媒体分析情况。
4、封装公共表格组建，使用时传递列表头部信息和数据内容，并扩展了查看、编辑、删除等处理逻辑来满足业务需求。
5、导入文件模版下载，使用异步方式，获取文件Blob，调用URL.createObjectURL(Blob)进行下载；对于大文件，进行分片下载。
6、使用vue3的defineAsyncComponent来实现组建懒加载，当组建需要时进行加载，提高多组建页面加载速度
7、性能优化，打包使用vite-plugin-compression开启gzip压缩，减少包体积，提高用户访问速度；使用vite-plugin-imagemin压
缩图片；使用lodash-es按需加载第三方包；总体打包体积减少43%。