最近有一个前端项目一个需求是实现流程图绘制，之前一直用ProcessOn画一些流程图，为这个需求决定照葫芦画瓢实现一下ProcessOn的前端。项目为了安全可控决定不使用任何关于流程图绘制的框架，所以纯手撕实现。在实现过程中学习到了很多内容，记录一下开发的过程，感兴趣的朋友可以也跟着这个系列实现自己流程图。
拖拽生成节点
图片1
节点连线
图片2
寻找连接点
图片3
删除节点或者连线
图片4
开始之前 最近有一个前端项目一个需求是实现流程图绘制，之前一直用ProcessOn画一些流程图，为这个需求决定照葫...
目录 DOM 事件代理 数组 对象 扁平化 去重 -unique() 拷贝 浅拷贝 深拷贝（copy()函数实现、...
前端笔试和面试都难免要手撕代码，有些面试官还就喜欢看你现场写。诚然，一个程序员在写代码时很容易暴露问题，但也能展现...
二分法的查找 单例-懒汉式 单例-饿汉式 快速排序
[toc] 图算法 以及最短路径算法 树算法 手写LRU 排序算法 链表算法
1.实现兼容IE的事件处理程序 2.编写深度克隆函数
unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。会改变原数组 **pop() **方法用...
手撕已经成为了中的一种常态，很多的是食品都有手撕版本，例如手撕牛肉，手撕豆腐干，手撕鸭，手撕鸡，手撕面包当然也有的...
手撕鸡是一道家常菜，很难界定它的产地归属，手撕鸡有外皮金黄的盐焗鸡手撕，有风干鸡手撕，还有特色的手撕鸡丝。 手撕鸡...
手撕鸡、手撕面包、手撕包菜、手撕牛肉，各种手撕做法，听起来就很手工的感觉。我做的手撕鸡纯粹懒人所为。 具体做法如下...
本文标题：手撕 ProcessOn前端代码(一)
本文链接：https://www.haomeiwen.com/subject/zfniwhtx.html
网友评论