低代码

H5 编辑器，用 vue + vuex 来实现，几个问题：

- 在点“保存”按钮的时候，往服务端传递的**数据结构**是什么样子的？

- 如何保证画布和属性面板是同步更新的？

- 如果在扩展一个“图层”面板，数据结构该怎么设计？

思路

- node 结构，不是规范的 vnode 形式

- 组件应该用数组，而不是对象。数组是有序结构

- 都知道存储到 vuex 中即可同步数据，但问题是如何用 vuex 表示当前选中的组件

- 图层，应该是一个 computed 计算出来的索引，而不是一个单独的数据

// 第一个问题const store = {page: {title: '标题',setting: { /* 其他扩展信息：多语言，微信分享的配置，其他 */ },props: { /* 当前页面的属性设置，背景 */ },components: [// components 有序，数组{id: 'x1',name: '文本1

设计一个H5编辑器的数据模型和核心功能相关推荐

基于PLC的升降横移立体停车库的设计，设计一个基于西门子S7-200 PLC控制核心的
基于PLC的升降横移立体停车库的设计,设计一个基于西门子S7-200 PLC控制核心的,三层三列,九个车位的立体停车控制系统. 目录3 1 绪论4 2 设计要求5 3 硬件设计8 3.1 PLC型号 ...
Python：PyQt5设计一个文本编辑器窗体程序（附UI窗体和图片素材下载）
hello,大家好,我是wangzirui32,今天我们来学习如何用PyQt5设计一个文本编辑器窗体,开始学习吧! 文章目录 1. UI窗体设计 2. 编写代码 2.1 pyuic生成代码 2.2 修 ...
Android如何设计一个H5容器
APP端使用WebView的场景主要是加载H5页面.富文本展示和编辑.图表库(echart)等.当业务对APP动态化有相应需求时,H5作为一个老牌跨平台技术,是最常用的动态化技术之一.本文对WebVi ...
LeetCode 2296. 设计一个文本编辑器（双栈）
文章目录 1. 题目 2. 解题 1. 题目请你设计一个带光标的文本编辑器,它可以实现以下功能: 添加:在光标所在处添加文本. 删除:在光标所在处删除文本(模拟键盘的删除键). 移动:将光标往左或者 ...
h5页面保存img_如何设计H5编辑器中的模版库并实现自动生成封面图
往期精选 H5编辑器的图片上传和图片库设计方案如何实现H5编辑器的实时预览和真机扫码预览功能在线IDE开发入门之从零实现一个在线代码编辑器基于React+Koa实现一个h5页面可视化编辑器-Do ...
如何设计H5编辑器中的模版库并实现自动生成封面图
往期精选 H5编辑器的图片上传和图片库设计方案如何实现H5编辑器的实时预览和真机扫码预览功能在线IDE开发入门之从零实现一个在线代码编辑器基于React+Koa实现一个h5页面可视化编辑器-Do ...
Vue + element从零打造一个H5页面可视化编辑器——pl-drag-template
pl-drag-template Github地址:https://github.com/livelyPeng/pl-drag-template 前言想必你一定使用过易企秀或百度H5等微场景生成工具 ...
(实战)Vue + Koa从零打造一个H5页面可视化编辑器——Quark-h5
作者:围的围 https://juejin.im/post/5dc81428e51d4523632ee793 前言想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面,除了感叹其神奇 ...
如何用Qt设计一个多文档文本编辑器
目录前言一.设计目标二.效果展示三.设计过程 1.设计思路 1.1文件的打开和新建 1.2设置字体和字号 1.3设置字型和颜色 1.4设置文字对齐撤销等 2.核心代码总结前言学习了有关Q ...

设计一个H5编辑器的数据模型和核心功能

H5 编辑器，用 vue + vuex 来实现，几个问题：

思路

设计一个H5编辑器的数据模型和核心功能相关推荐

最新文章

热门文章