低代码
3篇文章 · 0订阅
  • 可视化编辑器 之 辅助线生成、自动吸附原理解析
    背景 本文分析要点 辅助线生成逻辑 辅助线显示优化 辅助线吸附逻辑 效果展示 一.辅助线生成原理 首先我们要知道，辅助线就是为了方便对齐某个元素而生成的参考线，看上图 通常我们会对一个元素的 左、中、
    前端 JavaScript Vue.js
  • 看完就懂的前端拖拽那些事
    因为在字节做的业务和图可视化还有拖拽关系比较大，所以这次就写下拖拽相关的内容。html5中提供了一系列Drag and Drop 接口，主要包括四部分：`DragEvent`，`DataTansfer
    前端
  • 可视化拖拽组件库一些技术要点原理分析
    建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…
    前端 JavaScript