项目介绍：为各种项目（空间）配置环境、资源、成员及权限，实现项目的可视化管理 技术栈：Vue3+Pinia js+Vite+axios+Naive UI+Echarts+G6+X6 工作和成就： ● 负责整个项目的前端开发，从零开始搭建项目，迭代了 2 个版本且均按时发布上线 ● 通过 iframe 实现前端微应用，极大的提高了项目的可维护性，提高了开发效率 ● 通过 vuex、axios 结合 addRoute 实现动态路由，根据用户权限不同展示不同的页面 ● 使用 X6 渲染血缘关系图，使用 G6 绘制血缘关系图，方便用户查看和梳理表之间的关系，减少了 30%的开发时间 ● 引入 stompjs 实现长连接，实时更新用户操作等信息 项目难点： 1. Vue 3使用不了 qiankun ，通过 iframe 来实现微应用刷新后页面丢失，后通过微应用监听路由并发送消息到主应用解决 2. 针对不同的用户权限，匹配不同的空间、路由，使用 addRoute 动态路由来实现 3. 根据需求绘制血缘关系图，实现定制化的功能和外观，需要比较熟悉 API

项目介绍：该项目是一个政府项目，将杭州所有产业以地图、表格、折线图等可视化方式呈现，详细的展示了企业的各方面信息，方便监测杭州企业的发展状态、企业的盈利、企业的经营风险等。 技术栈：Vue+Vuex+Vue-router+View Design+Echarts+amap+node 工作和成就： ● 由于公司业务需求，没有 java 后端，需要对指标以及 ES库，负责使用 node 对 es 的数据进行处理，便于项目调用 ● 基于 Echarts 完成企业的产出盈利等的统计，根据不同的筛选条件展示不同的信息引入 amap 地方库创建地图，实现自定义点标记和地图下钻，方便用户快速查看有效信息 ● 利用路由传参跳转页面来获取不同的数据进行展示（跳转到企业详情页，该页所有展示信息皆为封装的组件） 项目难点： 1. 需要处理比较多的数据，容易出现数据展示有问题的情况，解决方法是处理完后多验证几次，确定好后再提交 2. 通常会有几万条数据需要展示，如果一次性请求完后展示页面渲染会比较慢，解决方法通过滚动到底部重新发送请求，请求当前分页的数据来解决 3. 地图 API 不熟悉，打点、根据不同的数据量给地图块不一样的颜色这些需求比较复杂 4. 对 Echarts 图表的封装，图表样式很多 5. 组件越来越多，echarts 绘图越来越多，页面操作会越来越卡顿，解决办法是在 beforeDestroy 方法中释放该页面的 chart 资源

项目介绍：为产业研究人员开发，方便产研监控和梳理信息。由产业链图谱、打标管理平台、指标管理平台以及产业链生产协同系统组成 技术栈：Vue+Vuex+Vue-router+Naive UI+Echarts+G6 工作和成就： ● 主要负责指标管理平台和产业链生产协同系统，并将其他几个整合到一个平台，对整个产业链的项目进行优化 ● 配合后端实现整个产业链的单点登录，在登录有效期内，产业链下的所有项目无需重复登录，极大提升了用户使用体验 ● 通过v-has 自定义指令实现不同角色不同权限 ● 项目沟通，项目排期 项目难点： 1.平台包含的项目较多，框架和技术不一样，需要极快的熟悉代码、梳理出代码中的逻辑并根据需求修改代码 2.项目设计表单较多，不同权限表单不一样，需要针对不同的用户做不同处理，这里针对不同的用户角色封装了不同的表单组件，方便复用 3.用户权限不一样，需要展示的路由和功能不一样，这里使用了动态路由和 v-has 来解决 4.单点登录需要根据每个项目的框架和技术进行单独处理。