摘要：
实现交互 在【划词标注1】的博文中，实现了如何给文字加入底色，本篇主要描述如何使用花括号概括信息： 如图，就是如何给一段文本在上面或者下面绘制花括号并标注信息 实现思路 看起来简单，实现的过程中有很多细节需要处理：比如位置信息的获取，重叠位置的处理，临界情况的处理等，这里不再细述，仅仅描述重要图形的 阅读全文
摘要：
项目中配置了eslint后，在使用vue界面里格式化的时候总是不一致。然后在配置中加了配置也无效（File Preference Setting） 查了下原因是在vue开发的时候我们一般都安装了Vetur的插件来对.vue格式的文件进行处理，Vetur自带了格式化，规范就是使用prettier 这时 阅读全文
摘要：
业务需求 给出一段文本，自动识别出文本中包含的关键字信息，关键字是库里已知的数据，根据类型的不同显示出不同的颜色 业务分析 1）采用css：文本识别出来后，根据识别出的文本更改对应文本的dom，通过更改css来实现 缺点：比较麻烦，只能标注颜色，不易于维护和拓展 2）采用svg：使用svg绘制文本， 阅读全文
摘要：
我们在实际的工作业务场景中经常遇到这样的场景，求取树数据中某个节点的父亲节点以及所有的父亲节点，这样的场景下不建议使用深度遍历，使用广度遍历可以更快找到。 1、案例解说 比如树的长相是这样的： 树的数据是这样的： 是我们常用的树的数据及长相。 2、业务要求 在【测试抽取5】后面新增一个节点，要求 1 阅读全文
摘要：
本文主要记录在使用echarts的graph类型绘制流程图时候遇到的2个问题：对于圆形图片的剪切和多层关系的设置 图片的设置 如果用echarts默认的symbol参数来显示图片，会显示图片的原始状态，即圆形就显示圆形的，矩形就显示矩形的，而案例中的图片是矩形的（如上图所示）。但是尼，我们在流程图的 阅读全文
摘要：
先说下本次案例业务需求，输入2个节点，获取数据后绘制出2个节点间的路径，之前使用的是网状图，但是网状图的效果不佳，需要转换成流程图的模式： 那么如何在不修改数据的情况下，实现类似效果尼？ 看了下echarts的graph类型，可以实现类似的，下面是官方的实例 从实例中可以看出，难点在于节点的显示位置 阅读全文
摘要：
1、写好应用程序后，安装 在 文件中加入配置项目 上面配置项的含义： ：项目源文件所在路径（.demo） ：要构建哪个平台的应用是Windows、Mac 还是 Linux（ win） ：项目目的文件所在路径（./build） ：决定了使用 x86 （ia32）还是 x64（x64），还是两个架构都用 阅读全文
摘要：
我们在项目实践的过程中经常遇到的问题或者面试的时候经常被问到的问题就是对数组的操作，老生常谈的问题有：去重、取不同、取相同，本文主要记录这些常用的操作的简单、高效的实现方法。 1、数组去重 2、两个数组之间的比较 总的来说：ES6后使用一些新的特性和方法会简单一点，ES5据测试使用对象+单个数组遍历 阅读全文
摘要：
案例分析 先看下实现的效果图 实现方法 本篇是在之前写的博文 "D3力布图绘制 节点间的多条关系连接线的方法" 基础上加修改的，这里放上修改的代码，其他的一样 js // DATA var nodes = [{}]; var links = [ { source: 0, target: 0 }, { 阅读全文
摘要：
1、初始化 1、 全局安装必要的第三方插件 2、 新建三个文件夹 3、 初始化package.json 4、在 文件夹中，新建 ；在 文件夹中，新建 配置 在 加入快捷命令 执行 此时可以看到 文件夹下面已经有 了 这里特别注意下：文件目录中不要包含中文，否则会引起很多的问题 2、多文件入口 如果存 阅读全文