数据可视化平台项目
该项目是 PC 端的可视化编辑项目，通过编辑和组合基础组件，形成可视化面板。技术栈采用 Vue
全家桶、Vue-Class-Component 库、Echarts、D3、ThreeJS、TypeScript、Web Workers 等。
基于 Echarts、D3 开发组件库中的组件，例如：旭日图、柱状图等。
为了支持智能卡片中的截图预览功能，
一开始采用 dom-to-image 库进行前端截图，实践过程
中发现截图时间过长体验不好，尤其在组件过多的情况。后来在 webpack 配置中添加了截图预
览入口页，后端访问页面进行截图。
排查性能问题，在画布上组件数量过多的情况下，较快速移动鼠标时，存在高亮延时的问题。
通过查看浏览器 performance 面板项中的火焰图、饼状图、cpu 使用情况，定位出性能的问题
点，给予优化处理，处理后，悬浮时能及时的响应。
重构拖拽穿透，添加遮罩层，将鼠标和组件在画布中的位置进行比对替代之前通过事件代理的
形式实现的拖拽穿透，鼠标移入编组后，对其子组件作缓存处理，避免多次查找，提升性能。
重构组件样式，通过 deep 将非脱离文档流的 ELement 组件的样式限制在当前组件内，防止样
式污染。