技术标签： vue 图扑 开发
安装
topology-vue$ npm install topology-vue
# OR
$ yarn add topology-vue
使用组件
1. 导入组件
import { Component, Vue } from 'vue-property-decorator';
import topology from 'topology-vue';
import 'topology-vue/topology-vue.css';
@Component({
components: {
topology,
},
})
export default class Home extends Vue {}
.home {
height: calc(100vh - 80px);
}
// 导入topology-vue组件
import topology from "topology-vue";
// 需要导入topology-vue.css
import "topology-vue/topology-vue.css";
export default {
name: "Home",
components: {
topology,
},
};
.home {
height: 100vh;
}
2. 加载相关字体文件
href="//at
文章浏览阅读1k次。在不开启 Opcache 的情况下，PHP解释器在解释PHP脚本的时候，首先会经过词法分析(Lexing)，而词法分析的具体实现就是将PHP代码转换成 Tokens，此过程成为 Lexing / Tokenizing / Scanning 。那么 Tokens 是啥样的呢，Lex就是一个词法分析的依据表。 Zend/zend_language_scanner.c会根据Zend/zend_language_scanner.l (Lex文件),来输入的 PHP代码进行词法分析，从而得到一个一个的“词”，PHP_phpscanning
文章浏览阅读1.7k次。在编程语言中区分变量的数据类型；最简单的是数值型和字符型；以SQL为例；新建一个表如下图；name列是字符型，age列是数值型；保存表名为pp；录入如下图的数据；看这里name列输入的‘123’、'789'，这些是字符型的数据；age输入的内容是数值型；显示结果如下；因为age列是数值型，输入的 009 自动变为了 9；写查询语句时字符型数据按语法规则是用引号括起来；如果如下图写也可以运行出结果；是因为sqlserver本身具有一定的智能识别功能；写比较长的SQL语句_数值 字符
文章浏览阅读558次。Caffe2 Tutorials[0]（转）https://github.com/wizardforcel/data-science-notebook/blob/master/dl/more/caffe2-tut.md本系列教程包括9个小节，对应Caffe2官网的前9个教程，第10个教程讲的是在安卓下用SqueezeNet进行物体检测，此处不再翻译。另外由于栏主不关注RNN和LS..._writer.add_scalar [enforce fail at pybind_state.cc:221] ws->hasblob(name). c
文章浏览阅读155次。java学习笔记day09思维导图final 、 多态 、 抽象类 、 接口 （都很重要）一、final二、多态多态中的成员访问特点 【P237】多态的好处 【P239]多态的弊端向上转型、向下转型 【P241】形象案例：孔子装爹多态的问题理解： class 孔子爹 { public int age = 40; public void teach() { System.out.println("讲解JavaSE"); } _} } class a { public void show() { show2(); } public void show2() { s
文章浏览阅读2.4k次，点赞3次，收藏9次。在写qt网口通信的过程中，遇到中文就乱码。解决方法如下：1.接收端处理中文乱码代码如下 QByteArray-> QString 中文乱码解决： #include <QTextCodec>QByteArray data= tcpSocket->readAll(); QTextCodec *tc = QTextCodec::codecForName("GBK"); QString str = tc->toUnicode(data);//str如果是中文则是中文字符_qbytearray中文乱码
文章浏览阅读2.5k次，点赞2次，收藏15次。什么是 DOM？文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式DOM 树文档：一个页面就是一个文档，DOM 中使用 document 表示元素：页面中的所有标签都是元素，DOM 中使用 element 表示节点：网页中的所有内容都是节点（标签、属性、文本、注释等），DOM 中使用 node._元素事件
文章浏览阅读820次。表输出控件如下1)步骤名称，2)数据库连接，前面有过部分解释3)目标模式，数据库中的概念，引用：https://www.cnblogs.com/csniper/p/5509620.html(感谢)4)目标表：数据库中的表，这里有两种方式：(1) 应用数据库中已经存在的表，浏览表选中对应表即可，下图有部分sql功能。ddl可以执行ddl语句。(2) 创建新的表，填写表的名字，点击下面的sql就可以执..._kettle 步骤 提交
文章浏览阅读4.4k次，点赞2次，收藏2次。鼠标选中多行，按下 widows 下 Ctrl Shift L( Mac下 Command Shift L)即可同时编辑这些行；鼠标选中文本，反复按widows 下CTRL D(Mac下 Command D)即可继续向下同时选中下一个相同的文本进行同时编辑；鼠标选中文本，按下Alt F3(Win)或Ctrl Command G(Mac)即可一次性选择全部的相同文本进行同时编辑；..._submlite 同时操作多行 macos
文章浏览阅读252次。尽管Linux是具有广泛硬件和软件支持的出色操作系统，但现实是有时您必须使用Windows，这可能是由于关键应用程序无法在Linux下运行。 幸运的是，双重引导Windows和Linux非常简单-本文将向您展示如何使用Windows 10和Ubuntu 18.04进行设置。 在开始之前，请确保已备份计算机。 尽管双启动设置过程不是很复杂，但是仍然可能发生事故。 因此，请花点时间备份您的重要..._windows linux双启动
文章浏览阅读1.6w次，点赞25次，收藏20次。本文主要介绍Flink 的3种常用的operator（map、flatmap和filter）及以具体可运行示例进行说明.将集合中的每个元素变成一个或多个元素,并返回扁平化之后的结果。按照指定的条件对集合中的元素进行过滤,过滤出返回true/符合条件的元素。本文主要介绍Flink 的3种常用的operator及以具体可运行示例进行说明。这是最简单的转换之一，其中输入是一个数据流，输出的也是一个数据流。下文中所有示例都是用该maven依赖，除非有特殊说明的情况。中了解更新系统的内容。中了解更新系统的内容。_flink 常用的分类和计算
文章浏览阅读590次。IMP-00019: row rejected due to ORACLE error 12899IMP-00003: ORACLE error 12899 encounteredORA-12899: value too large for column "CRM"."BK_ECS_ORDER_INFO_00413"."POSTSCRIPT" (actual: 895, maximum..._row rejected due to oracle
文章浏览阅读918次。目前很多Web的项目在部署的时候会采用Nginx做为前端的反向代理服务器，后端会部署很多业务处理服务器，通常情况下Nginx代理服务器部署的还是比较少，而且其以高效性能著称，几万的并发连接处理速度都不在话下。然而去年的时候，我们的线上系统也采用类似的部署结构，同时由于我们的业务需求，Nginx的部署环境在虚拟机上面，复用了其他虚拟机的整体磁盘，在高IO消耗的场景中，我们发现Nginx的磁盘_nginx tcp转发 硬盘io