工作中遇到的问题

需求描述 人脸识别训练后的数据在前端页面展示，并在前端使用Opencv.js进行人脸打码。 实现 虽然识别框是矩形，但是支持旋转，因此没办法直接使用Opencv对矩形区域的操作来实现。一番折腾下，使用

在node环境中使用opencv.js将图片的指定图片，如人脸等实现高斯模糊，从而实现抹去图片敏感信息的作用。

NodeJS实现Prometheus的Exporter，并在Grafana中展示显示，实现监控功能....

弹窗管理工具，避免一个页面引入多个dialog的时候都要写入到模板中，且为每个dialog提供控制变量及确认取消函数

基于Promise封装弹窗管理工具，优雅的使用弹窗，避免在模板中写入多个弹窗，适用于vue +Element-ui

添加vue指令loadMore 使用：记得将popper-append-to-body设置为false，否则获取不到DOM loadMore函数

当white-space设置为pre时，首行出现缩进，经过查询发现是因为标签与内容间存在换行导致的，例如： 上面的写法没有缩进； 这种写法首行会出现缩进。 真就王德法

前端工具类函数整理 包括文件下载 计算UTF-8字符串占内存大小等；持续更新……一起加油！！！！！！

背景 碰到个需求，需要在当前页面点击确定创建后，重新进入该页面，以重新创建。发现单纯的使用this.$touter.push() push到当前路由页面不会刷新。 解决方案 新建refresh.vue

tinymce在vue2中的使用，tinymce是一款功能强大的富文本框组件，本文旨在介绍如何在vue2中封装tinymce组件。

实现效果 需求甘特图 任务甘特图 组件部分代码 数据格式化代码 遇到的问题 本来要做的效果是点击需求名称弹窗展示任务的甘特图，但是dhtmlGantt貌似不支持一个页面同时渲染，两个甘特图，实现出来的

前端发送请求时，需设置 如在封装后Axios中： 【注意】aixos的响应拦截器是否对响应结果进行了处理，若进行了处理需额外的逻辑判断。 如： 后端返回格式为： 前端接收并下载： 通用下载方法：

解决工作中一个input框，多条校验规则并列展示，并双向绑定校验规则与输入值的场景，且不影响element本身校验的情况。

结合el-tooltip实现鼠标划上展示文字超出隐藏的全部文字 templete部分： javascript部分 css部分 Range对象介绍 Range 接口表示一个包含节点与文本节点的一部分的文

通过el-slider生成Smoothing值，重新计算data，生成新的折线图。element-ui/echarts

业务需求 如上图所示，前端需要根据后端返回的数据动态形成树状结构图，以完成流程图展示。经过几天的了解和学习，最终决定使用G6-AntV。下面就如何使用及使用中遇到的问题进行总结。 代码实现 最终效果：

如下图所示，开发的业务场景是，点击左侧导航，右侧显示问题标题，点击标题进入具体内容页，再点击左侧导航或者返回按钮，回到标题页。 开发中遇到的问题 点击内容A-->标题一-->进入内容页后，再点击内容A

常见需求：鼠标划上2s后显示标签全部内容 我是通过mouseover事件，获取鼠标在视口的位置，创建元素并将蓝色元素的innerText给新创建的元素，并将鼠标视口位置信息x、y赋值给新元素的left

故事背景： 最近在负责更改公司技术支持中心的bug，这块使用到了一个外部插件v-md-editor（想要了解的小伙伴戳这里：http://ckang1229.gitee.io/vue-markdown