嗨，大家好，我是徐小夕，之前一直在研究可视化零代码相关的技术实践，也做了很多可视化搭建的产品，比如： H5-Dooring（页面可视化搭建平台） V6.Dooring（数据大屏可视化平台） formM

VueDraggablePlus：实现灵活拖拽的前端神器 大家好，我是墩墩大魔王丶，今天我将为大家介绍一款功能强大、灵活易用的前端组件——VueDraggablePlus。作为前端工程师，我们经常会遇

前言 对于复杂的逻辑或者流程来说，画一画流程图可以帮助我们更好的捋清楚逻辑。平时我女朋友也偶尔会用 processon 来画一下流程图， processon 确实是一个很好的软件。 但是免费版只能创建

需求简介 最近接了一个需求，需要实现不同登录人员可以自定义首页模块卡片。简单来说，就是实现首页看板模块的增添与拖拉拽，效果如下： 技术选型 原生js是支持拖拉拽的，只需要将拖拽的元素的 draggab

背景 项目开发中，有一个设计稿，要求把图片裁剪成直角梯形。面对这个需求，图片裁剪虽然你会想到用css clip-path polygon来实现，可是polygon具体每个属性的值该设置为多少，你在大脑

背景 最近在项目中要实现一个拖拽头像的移动效果，一直对JS Dom拖拽这一块不太熟悉，甚至在网上找一个示例，都看得云里雾里的，发现遇到最大的拦路虎就是JS Dom各种各样的距离，让人头晕眼花，看到一个

最近在做一个考试系统，其中有一个题型是连线题，当时在网上查阅了大量的资料，没找到自己想要的效果，于是决定自己实现。

一个超好用的前端Canvas库-Konva，可以让你像操作Dom一样操作Canvas元素，集成了多数dom事件以及动画。

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…