relation-graph

发表于2022-09-29|更新于2026-02-24

|浏览量:

青年人如果有青年人的精神，这精神就是乐观——茅盾

这是一个Vue关系图谱组件，可以展示如组织机构图谱、股权架构图谱、集团关系图谱等知识图谱，可提供多种图谱布局，包括树状布局、中心布局、力学布局自动布局等。

git仓库：https://github.com/seeksdream/relation-graph

文档地址：http://relation-graph.com/#/docs/start

在线体验：http://relation-graph.com/#/demo/layout-center

甚至包含在线配置工具

十分强大

相关推荐

vue页面加载完毕之后执行

好奇心造就科学家和诗人。——法朗士当vue页面加载完成后触发我们在html开发中经常是使用window.onload实现 123window.onload = () => { } 但在vue中我们使用this.$nextTick 123this.$nextTick(() => { console.log("页面加载完啦~")}) 效果如下

JS的线程模型和事件循环机制

生命不是安排，而是追求。——弗吉尼亚·伍尔芙从线程和浏览器底层执行的角度来看，JavaScript 的延迟/休眠功能是如何实现的呢？线程模型和事件循环JavaScript 的执行环境（如浏览器或 Node.js）是单线程的，这意味着在任何给定的时间点，只有一个线程在执行 JavaScript 代码。为了管理并发操作，JavaScript 依赖于事件循环（Event Loop）。事件循环事件循环是一个不断检查和处理消息队列的机制。它会执行以下步骤：检查调用栈（Call Stack），如果调用栈为空，则继续。检查消息队列（Message Queue），如果消息队列中有待处理的任务，则取出队首的任务并执行。重复以上步骤。宏任务和微任务在事件循环中，有两种类型的任务：宏任务（Macro Task）和微任务（Micro Task）。宏任务：包括整体脚本执行、setTimeout、setInterval、setImmediate（Node.js）等。微任务：包括 Promise 的回调、process.nextTick（Node.js）、Mutation...

小程序v-for中slot警告

她把左手的命运交给了右手，右手犹豫了一下，还是接住了。——宫白云今天用了这样一个组件： 1234567891011121314151617181920212223<template> <div> <div v-for="(item, index) in list"> <slot :item="item" /> </div> </div></template><script>export default { data() { return {}; }, props: { list: { type: Array, default: [] } }};</script><style></style> 这里在v-for中放了slot 所以我在另一个页面使用的时候，小程序警告 1VM1103 W...

我来到这个世界，为了看看太阳和蓝色的地平线。——《城门开》分享一个vue虚拟列表的组件： https://github.com/tangbc/vue-virtual-scroll-list 官方文档： https://tangbc.github.io/vue-virtual-scroll-list 沙盒： https://codesandbox.io/s/live-demo-virtual-list-e1ww1 使用方式： 1pnpm install vue-virtual-scroll-list --save 示例： 12345678910111213141516171819202122232425<template> <div> <virtual-list style="height: 360px; overflow-y: auto;" // make list scrollable :data-key="'uid'" :data-sources=&q...

字符串的split和join

split() 将字符串拆分成数组 join() 将数组合并参数为分隔符两套代码 123456#JavaScriptvar str = "ruben";var array = str.split('');array.forEach(s => console.log(s));str = array.join('');console.log(str); 以及 12345678//javaString str = "ruben";String[] array = str.split("");for (String s : array) { System.out.println(s);}str = String.join("", array);System.out.println(str);

善人同处，则日闻嘉讯；恶人同游，则日生邪情。——范晔分享一个按钮样式项目： https://github.com/alexwolfe/Buttons 对应的网站： https://unicorn-ui.com/buttons/builder/# 可以自定义你的按钮样式、颜色、点击效果包括3d等等

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中