🧑‍💻 写在开头 点赞 + 收藏 = 支持原创 🤣🤣🤣 上一篇文章我们聊了 数据层与渲染层的绑定机制，今天继续推进 —— 把视角放到事件层。 你会看到一个清晰的五层架构设计，从 DOM 原生事件到业务

以下是一个基于 Vue 3 的可视化编辑器的实现方案，涵盖 拖拽交互、组件渲染、数据响应式更新 和 辅助线功能，并结合代码示例解析核心逻辑。 1. 核心功能概述 本项目实现了一个可视化编辑器，用户可以

使用Html5 Drag拖拽取消会有一段回归延迟，我是如何采用虚拟拖拽实现流畅体验的，开发React-Hooks: useVirtualDrag、useVirtaulDrop。

在学习过程中发现很多成熟的低代码平台业务包袱和设计较重不利于自己对于核心逻辑的理解，由此希望搭建一个`迷你版的低代码平台`加深自己的理解，也帮助更多人更轻松的去学习低代码平台的搭建。

Fabric.js是一款强大的HTML5画布库，它能够让我们轻松地在网页上创建、编辑和操纵各种图形元素。无论你是想制作一个炫酷的图形编辑器，还是实现动态的图形效果，Fabric.js都能满足你的需求。

效果 预览地址 https://code.juejin.cn/pen/7272286843029979171 前言 刚好看到这么一个东西，甘特图，然后又发现好像echarts 里面没有这个图形渲染，也

🌈介绍 基于 vue3.x + CompositionAPI + typescript + vite 的可拖拽、缩放、旋转的组件 拖拽&区域拖拽 支持缩放 旋转 网格拖拽缩放 在线示例 源码地址 这节

低代码平台经常要用到标尺和缩略图操作同步的画板，点进来就能定制你的专属低代码画板！还等什么！快看我！

背景 本文分析要点 辅助线生成逻辑 辅助线显示优化 辅助线吸附逻辑 效果展示 一.辅助线生成原理 首先我们要知道，辅助线就是为了方便对齐某个元素而生成的参考线，看上图 通常我们会对一个元素的 左、中、