拖拽排序是前端的常见需求，特别是在管理系统或者编辑器里。 比如低代码编辑器就支持把组件拖到页面不同位置来添加组件、调整顺序： 那么拖拽排序是怎么实现的呢？ 首先我们分析下它会用到啥事件： 比较容易想到

这是这次系列文章的第一篇，我自己封装了一个用vue实现的拖拽排列卡片组件，并且发布到npm，详细地记录下来了整体制作过程。总共有三篇文章，介绍组件的制作思路和遇到的问题，以及在发布到npm上并下载使用的过程中，发生了什么问题并如何解决。 两个部分都是可以进行自定义内容及样式的。…

看到掘金1024可拖动的banner功能后，我开发了一个组件 前言 在参加掘金1024活动时，注意到页面右下角的悬浮的banner，这种表现效果优于直接悬浮位置固定不变的方式，因为它可以随意拖动并改变

基于 vue ，下面代码部分直接添加为一个组件显示即可运行，是完整代码 业务痛点 固定类型数据展示页面重复开发 （活动页面重复开发） 需求改变频繁 开发时间短 开发人力不足 开发工作零碎 维护成本高

🌈介绍 基于 vue3.x + CompositionAPI + typescript + vite 的可拖拽、缩放、旋转的组件 拖拽&区域拖拽 支持缩放 旋转 目标效果 源码地址 拖拽&区域拖拽 虽

原本以为一个简单的拖拽图标小功能，应该是可以很快处理掉这个任务的，没成想耗费不少时间。为避免后续再踩，故在此记录一笔。有多少坑记录多少，相信以后遇到的坑会越来越少的。

背景 需要将一个页面以 iframe 的方式嵌入页面， 而且还需要能够拖动iframe的上边缘动态调整 iframe 的高度。 大概长下面这个样子。 html js 这样实现之后，发现拖动 ifram

之前的文章中介绍了页面设计器的整体原理。那么页面设计器中组件拖动自由布局如何实现？让我们在这篇文章中从概念到代码实现找到答案！