跟着著名第三方库vxe-modal的思路，设计出一个自由拖拽缩放，移动的组件。看着很牛逼的功能，只要有思路，实现起来会非常顺畅。

流莺书签,一个用来收藏网站的项目 使用Vite+Vue3+Ts进行开发,具有书签、标签的增加,删除,修改,一键导入,导出配置,自动获取网站图标、标题等功能 你一定会喜欢的!

本文先写了在 Vue3 中利用 draggable 属性手写实现列表拖拽排序的功能。接下来在 Element Plus 组件库中结合 sortable.js 实现 table 表格拖拽排序。

背景 注：纯属虚构，如有雷同，纯属雷同。yue！！！ 前言 页面组成部分 项目初始化 项目结构 全局配置数据 container用于配置渲染区的大小关系，blocks用于在渲染区渲染对应的组建以及位置

可能文中有些表述不是很严谨，大家见谅。 顺便推荐大家看一篇非常好的文章Tasks, microtasks, queues and schedules，看完绝对有所收获。 这里猜测一下为什么Vue有一个API叫nextTick。 这些线程中，和Vue的nextTick息息相关的是…

当时开发参考过的小部分网站，其它参考过的大量网站由于电脑硬盘出现故障丢失了无法恢复。 以上网站这些不是很重要，真正重要有用的网站链接我已经标注出来。

先看效果，为一个可视化活动编辑器。 基于 JSON Schema 开箱即用的简单活动可视化编辑器。 在做生成一个可视化店铺装修系统的时候，需要解决配置数据表单的通用性，参阅了一些现用的解决方案，最终通过 JSON Schema 来生成对应的表单和校验规则。 首先可视化编辑器需要…

定义一个变量type，用于触发拖拽事件开始的时候，确定当前拖拽元素是哪种类型，比如：产品、广告图... 即松开鼠标、或离开释放区域，则恢复默认状态。 上方的计算规则，用于判断元素是否为拖拽元素。 页面的显示方式，拖拽的时候只显示组件名，释放之后才恢复正常显示内容。 其实并不复杂…