前端可视化
5篇文章 · 0订阅
  • 可视化拖拽组件
    基于 vue ，下面代码部分直接添加为一个组件显示即可运行，是完整代码 业务痛点 固定类型数据展示页面重复开发 （活动页面重复开发） 需求改变频繁 开发时间短 开发人力不足 开发工作零碎 维护成本高
    数据可视化
  • 图形编辑器开发（1）—— 模块设计
    如果你要开发一款编辑器，但是你之前完全没有这方面的经验，完全不知道从什么地方下手，那么这系列文章就是为你准备的。文章主要针对的是图形编辑器，如果你想了解富文本编辑器，这系列文章不会涉及，但是还是有很多相通的逻辑和模块。 目前本人正在开发一款自己的一款 SVG 编辑器，还有许多工…
    架构
  • 可视化拖拽组件库一些技术要点原理分析（三）
    虽然我这个可视化拖拽组件库只是一个 DEMO，但对比了一下市面上的一些现成产品（例如 processon、墨刀），就基础功能来说，我这个 DEMO 实现了绝大部分的功能。 如果你对于低代码平台有兴趣，但又不了解的话。强烈建议将我的三篇文章结合项目源码一起阅读，相信对你的收获绝对…
    前端 JavaScript
  • 可视化拖拽组件库一些技术要点原理分析
    建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…
    前端 JavaScript
  • 前端如何一键生成多维度数据可视化分析报表
    本文是基于上一篇文章介绍H5编辑器 后台管理系统实战的第二篇文章, 也是比较重要的一篇文章, 主要介绍后台系统中如何基于已有数据表格自动生成多维度可视化报表. 笔者之所以会花3篇文章去介绍这一块的内容, 是因为目前B端产品很多都有类似的需求, 比如导入导出excel, 在线编辑…
    数据可视化 JavaScript
    前端如何一键生成多维度数据可视化分析报表