可视化编辑
4篇文章 · 0订阅
  • 如何手动解析vue单文件并预览？
    开头 笔者之前的文章里介绍过一个代码在线编辑预览工具的实现（传送门：快速搭建一个代码在线编辑预览工具），实现了css、html、js的编辑，但是对于demo场景来说，vue单文件也是一个比较好的代码组
    Vue.js 前端
  • 快速搭建一个代码在线编辑预览工具
    大家好，我是一个闲着没事热衷于重复造轮子的不知名前端，今天给大家带来的是一个代码在线编辑预览工具的实现介绍，目前这类工具使用很广泛，常见于各种文档网站及代码分享场景，相关工具也比较多，如....
    前端
    快速搭建一个代码在线编辑预览工具
  • 可视化拖拽组件库一些技术要点原理分析（四）
    本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点： SVG 组件 动态属性面板 数据来源（接口请求） 组件联动 组件按需加载 如果你对我之前的系列文章不是很了解，建
    前端 JavaScript 低代码
  • 可视化拖拽组件库一些技术要点原理分析
    建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…
    前端 JavaScript