LowCode 低代码

前言 在业务需求下，容器内的子项通过拖拽进行位置调换（排序）的场景不在少数，多数情况下会借助第三方库 Sortable.js 来去实现功能。 如果让我们自己去实现一套拖拽排序，你该如何去做呢？其实也是

前篇 上一讲 - 低代码 - 可视化拖拽技术分析（3） 中，我们实现了 撤销 与 重做 操作；本节我们继续完善编辑器的功能，包含以下内容： 画布元素的放大缩小； 画布尺寸、位置自定义调整； 保存 Sc

前篇 上一讲 - 低代码 - 可视化拖拽技术分析（2） 中，我们实现了画布元素拖拽移动时的辅助线和吸附功能；本节我们围绕以下几个场景，实现场景操作后的 撤销 与 重做。 向画布中拖拽加入物料组件； 对

前言 上一讲 - 低代码 - 可视化拖拽技术分析（1） 中，我们实现了编辑器画布的拖拽移动基础操作，接先来从使用体验角度，完善一下画布编辑区的拖动，包含以下两个方向： 为拖动的 block 显示辅助线

前言 最近在公司有涉及到低代码相关工作，对 LowCode 可视化拖拽技术进行了调研，特此使用一个系列文章记录这一过程。 起初参考珠峰架构 - 姜文老师 低代码可视化搭建平台 公开课直播分享，来入门可

前言 SortableJS 是基于 H5 拖拽 API 实现的一个轻量级 JS 拖拽排序库，它适用于以下一些场景： 容器项目拖动排序：容器列表内的子项目，通过拖动进行位置调换，且具有动画效果； 容器间

前言 在 HTML5 还未普及之前，实现拖拽的大致思路是监听鼠标移动相关事件，来拖动目标元素到页面的任意位置，这要求目标元素必须满足绝对定位、脱离文档流才可以被移动，伪代码如下： HTML5 标准出来

前言 SortableJS 是一个功能强大的 JavaScript 拖拽库，但在使用过程中不免会遇到一些令人抓挠的“坑”。 本片文章将记录自身在一些应用场景下遇到的一些问题，以及问题的解决方案。 拖动

前言 SortableJS 是一个功能强大的 JavaScript 拖拽库。可用于列表拖拽排序、以及低代码拖拽配置等场景。 下面我们根据几个 Demo 来熟悉 SortableJS 的应用场景。 示例