React中使用Qunee组件,通过传入回调函数获取graph对象 Graph.jsx import {useEffect, useRef} from "../qunee_demo_3/doc/react.md"; import Q from 'https://demo.qunee.com/lib/qunee-es.js' export function Graph({onload}) { const ref = useRef(); useEffect(() => { let graph = new Q.Graph(ref.current); …
阅读更多qunee组件支持es6引入方式,可以在vue项目中使用,可以按下面的方式使用Graph组件 Graph.vue 选项式API Graph.vue <template> <div ref="canvas"></div> </template> <script> import Q from 'https://demo.qunee.com/lib/qunee-es.js' export default { mounted(){ this.graph = new Q.Graph(this.$refs.canvas); } } …
阅读更多使用Cody AI学习自动生成Qunee示例代码
看到一个AI学习编程的软件,可以项目,学习代码编写,我尝试将qunee demo项目导入,然后提出创建特定画布的指令,出来的结果令人惊叹,可以直接运行 官网地址 官网地址:https://about.sourcegraph.com/cody 可以下载单独程序,也可以安装IDE插件 安装cody并添加本地代码 安装后,运行,添加代码项目到本地库(右上角点击设置,选择本地仓库,然后添加),导入需要几分钟 提问,自动生成示例代码 然后聊天界面,最下方选择仓库,然后就可以提问获得示例代码,支持中文 比如: 创建Q.Graph,包含100个文本节点,并按父子关系三层结构,并使用树形布局自动布局 得到的代码如下: // 创建Q.Graph …
阅读更多Hello Deno
deno介绍 据说是原nodejs的开发者创建的项目:http://deno.com,支持 es6,ts,解决nodejs的兼容和依赖混乱问题 nodejs的问题 import, require 兼容问题 很多老库都是require的写法,无法在es6中使用,import, require没法兼容使用,一个node项目需要打包多种格式,如果是考虑浏览器和服务器版本,则更加复杂,Deno没有这个历史问题 依赖混乱问题 node-modules是个无底洞,文件巨大而混乱,太多无用的东西被引入,比如我使用A项目的某个函数,需要将整个A项目和A项目依赖的项目全部引入,Deno中不支持按名称引用的方式,只支持url,相对路径或者绝对路径, …
阅读更多Qunee for HTML5 - 3.0.0_alpha 版本发布
1, Data#children类型从HashList改为[] 2, 删除Q.Handler,删除Q.Element#onEvent/beforeEvent 3, remove ParentChangeEvent#oldIndex/newIndex 4, remove HashCollection#beforeEvent/onEvent 5, remove HashList#getById 6, remove DataModel#beforeDataPropertyChange 7, 修改 Edge#getEdgeBundle(),去掉参数byAgentNode,不区分代理连线 8, …
阅读更多Qunee for HTML5 V2.8.0.1_4版本正式发布 增加qunee-api.d.ts和qunee-api-en.d.ts 可用于typescript开发,方便api代码提示,文件位于ide-support目录 增加网格吸附,自动对齐功能 增加以下三个属性设置,实现显示网格,网格吸附,以及对齐功能,可以使用最新的授权包测试 graph.showGrid = true; //显示网格和刻度标识 graph.snapToGrid = true;//吸附到网格,拖动节点或者调整节点尺寸时,能自动吸附到网格 graph.enableGuideLine = true;//启用辅助线,拖动节点或者调整节点尺寸时,能自动与别的节点上下 …
阅读更多老版本地址:https://github.com/samsha/graph.editor 新项目地址:https://github.com/qunee/graph.editor_vue 本项目则基于Qunee for HTML5图形组件,是Qunee的扩展项目,新版本使用es6语法开发,删除了第三方组件的依赖 本项目本身是一个vue项目,但没有vue也可以正常使用(按es6语法使用即可) 在线示例:http://demo.qunee.com/editor/ 开发方式说明 1,es6开发,无需安装vue环境,支持chrome,safari,firefox,edge等支持es6 …
阅读更多js默认序列化存在的问题 js默认序列化使用JSON.stringify / parse(),存在几个问题 1、只支持基本类型,不支持function,类等 2,不支持引用,比如value = [1,2,3], 序列化:{a: value, b: value},则value会重复输出 3,不支持嵌套引用,如果对象自己引用自己,会出错 另外可以通过重写#toJSON(propertyName?),自定义序列化输出 解决方案 无法直接解决以上问题,提供其他实现方式 全局设置#setJSName(name, objectOrClass) 增加全局函数setJSName(name, objectOrClass),给类或者对象一个唯一名称 …
阅读更多