推荐关注 Meteor JSLint - a Javascript code quality tool jsFiddle D3.js WebStorm 推荐书目 Javascript 权威指南第 5 版
Closure: The Definitive Guide
Closure: The Definitive Guide 
这是一个创建于 1548 天前的主题，其中的信息可能已经有所发展或是发生改变。
可视化生成页面（ 2 ）
在第一版的基础上，完成了第二版的开发计划，加入了组件的支持，部分样式可视化的支持，优化了 UI 界面，修复了部分已知 bug 。
前言
- 第一篇文章，项目基本介绍
- 重点
- ** [思想] 布局去定义组件位置，而不是通过组件调整位置**
- 组件采用 json 方式做为可视化操作
- 组件和布局可以随意采用 react 框架做二次开发[相关介绍在后续计划中]，以适应自己的相关需求
- 布局不仅仅是页面，可以在任何需要布局的地方定义
百度首页为例。
1: 创建基础布局
2: 加入文字和组件
3: 预览页面
4: 生成代码
开发中
项目功能使用介绍
相关开发计划
第二版 [已完成]
-
支持组件
-
添加文字
-
样式可视化
- flex 布局
- height
- 盒子模型 [未完成]
-
两侧可以拖动
-
改造布局侧边栏
- 分类型
第三版 [未开始]
- 构建树可视化
- 可用性优化
- 代码生成
- html 模式
- react 模式
- 页面优化
第四版 [未开始]
- 支持 css 单位
- 支持组件库自带布局
- 国际化
- 项目相关文章
- 支持后续特性
地址
参考
-
UI 参考了 alibaba/designable
-
组件思想参考了 baidu/amis
总结
在第二版加入了组件的支持，基本满足开发上的需求，但存在常用样式控制依赖于修改 css 代码，页面不能保存，交互体验等问题，以及修复对于组件的支持存在的问题，需要在下一版做改进，在下一版本中需要达到闭环。
 | 1 liximomo 2021-09-07 13:25:54 +08:00 可否加个微信交流下？ bGl4aW1vbW8= |
 | 2 iwei000 2021-09-07 13:55:22 +08:00 关注一下 |
 | 3 sanggao 2021-09-07 14:08:39 +08:00 哈哈哈 amis 的影子啊 |
 | 4 37Y37 2021-09-07 14:21:55 +08:00 表四羡慕，大老牛逼 |
 | 7 zsun86 2021-09-07 18:27:13 +08:00 话说不是有个 dreamviewer |
 | 8 bzj 2021-09-08 14:09:09 +08:00 没搞懂这个有啥用 以前 bootstrap 刚出来的时候有好多这类可视化工具，但是基本没人用，可定制化太差 |
 | 9 scyuns 2021-09-18 16:18:50 +08:00 现在叫低代码平台 |
Select Language