javaScript
文章平均质量分 73
javascript 知识点
Smile.ls
这个作者很懒,什么都没留下…
展开
-
javascript 实现对象和数组深拷贝的几种常见方法
JavaScript 中的数据类型可以分为:基本类型:string,number,boolean,undefined,null 引用类型:array,object (array 本质上也是 object)假如存在两个变量,a 和 b ,在执行 a = b 的操作时,基本类型采用值传递,引用类型采用地址传递。关于值传递和地址传递,大概就是,值传递会在内存中单独的开辟一片空间存储数据,a 在内存中有自己的存储空间,b 在内存中也有自己的存储空间,a 和 b 已经没有什么关系了。而地址传递只是增加了一个地原创 2021-06-29 14:06:29 · 2931 阅读 · 0 评论 -
移动端适配
下边有两种方法,原理是一样的,就是写法上,有稍微的不同。 第一种:<script type="text/javascript">(function (doc, win) {var docEl = doc.documentElement,isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X...原创 2018-08-15 19:35:17 · 266 阅读 · 0 评论 -
基于 jsPlumb 的流程图编辑器的实现 (一,节点的操作)
写在最前,就是第一次写博客,不免感慨,可以直接跳过 O(∩_∩)O这是自己第一次写博客,经验不充分,如果觉得代码不详细,文章底部有源码地址,欢迎大家下载。基本的功能都实现了,测试有限,如果发现问题,欢迎反馈,一起讨论。参考文章:jsPlumb插件做一个模仿viso的可拖拉流程图jsplumb 中文基础教程功能点:1.流程图节点可以拖拽添加2.节点支持单击选中 backs...原创 2019-06-18 15:24:37 · 9131 阅读 · 31 评论 -
基于 jsPlumb 的流程图编辑器的实现 (二,连接线的操作)
连接线支持单击选中,backspace 和 delete 可删除;双击可以为连接线添加 label。完整代码: /** * 单击删除连线 * */ clickLine:function(){ var that = this; jsPlumb.bind("cl...原创 2019-06-18 15:25:53 · 4077 阅读 · 1 评论 -
基于 jsPlumb 的流程图编辑器的实现 (三,document的操作)
由于节点,连线,label 在点击时,会获取焦点。那么,点击页面的其他地方,就应该失去焦点。点击其他地方需要做的事情:1.如果有在编辑的节点和 label ,要完成赋值2.节点,连线,label 失去焦点3.要取消 document 的键盘按下事件(如果这里不取消,在编辑输入框时,如果过按了 Backspace 和 Delete 键,会有报错。因为,在删除连线时,为 documen...原创 2019-06-18 15:27:27 · 1980 阅读 · 0 评论 -
基于 jsPlumb 的流程图编辑器的实现 (四,按钮的操作)
1.清空画布清空画布,简单粗暴的方法就是清空html$('#delete').click(function(){ $('#flow-main').html('')})2.保存流程图保存流程图是将流程图中的节点信息,连线信息和 label 信息序列化之后,利用 Ajax 传递到后台。节点和 label 可以利用 jQuery 直接获取 dom 信息,jsPlumb 提供了...原创 2019-06-18 15:31:05 · 2723 阅读 · 4 评论