推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
这是一个创建于 1179 天前的主题，其中的信息可能已经有所发展或是发生改变。
前言
面向开发者，期望通过可视化生成界面布局的 Low Code 平台，帮助开发者快速生成布局(现在处于开发功能阶段)。
效果图
特性
-
支持键盘事件 [已支持]
- [Ctrl + c] (复制选中))
- [Ctrl + v] (粘贴)
- [Ctrl + Backspace] (删除选中)
- [Ctrl + z] (返回)
- [Ctrl + z] (前进)
- 支持多布局 [已支持]
- 支持历史操作 [已支持]
- 支持可视化样式 [开发中]
- 支持导出代码 [开发中]
- 支持组件 [未开始]
- 支持 CSS 单位 (Rem, Vw) [未开始]
- 支持布局历史存储 [未开始]
- 支持前端框架标签 [未开始]
项目相关
实现原理
一个节点对应一个 AST 对象，通过操作 AST 对象的属性来触发页面的改变
代码文件
.github ----> github Action 配置
.vscode ----> vscode 配置 (prettier)
src ---|
|
|
context ---> 全局上下文
model ---> 数据层
controller ---> 控制层
pages ---> 视图
theme ---> 主题配色
代码架构
数据层 ---- 更新 -----> 页面 ---------------> 全局 context ----> 刷新页面
↑ |
改变 操作
| |
<————————— 控制 ———————
地址
结束语
期望能够在日常重复业务开发中，快速生成业务的界面结构，目前处于开发阶段，欢迎大家的加入。
 |
1
cigaret 2021-08-30 18:09:28 +08:00
很不错啊！最近有类似的规划，可以互留联系方式交流一下嘛！
|
 |
3
sunny352787 2021-08-30 19:23:13 +08:00
|
 |
4
loveyou1 OP @sunny352787 这两个没有直接关联，倒是给了我一个灵感，后面做布局里面组件的时候可以用 json 来生成😄。
|
|
5
sunny352787 2021-08-30 19:28:56 +08:00
@loveyou1 这个也有可视化生成工具的，我用这玩意做后台挺方便
|
|
6
loveyou1 OP @sunny352787 应该是有的，但是开源的应该不多吧...
|
 |
7
Taikyo 2021-08-30 23:50:55 +08:00
支持一个，感觉挺有意思的项目
|
 |
8
NewYear 2021-08-31 08:47:29 +08:00
[Ctrl + z] (返回)
[Ctrl + y] (前进) |
 |
10
fzcf 2021-08-31 21:50:57 +08:00
说实话我觉得意义不是很大，可能对初学者很友好，但是经验丰富的前端撸一个自适应页面框架也就十几分钟的事情。
|
Select Language