laojun / buildUI

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

"# buildUI" buildUI: 该工具是在2017年出自主创新开发的项目,用于解决团队内开发效率低的问题。

由于机顶盒端的页面,分辨率固定,终端对布局支持最好的方式是absolute,故想在pc端通过鼠标画框,然后根据画的框生成div布局代码,以此来减少模板重复写代码的工作。

应用场景主要有
	假焦点页面【高清站点终端,页面js通过捕获遥控器事件,处理上下左右代码逻辑】:通过此工具画框,得到div布局代码,通过给区域配置组件,生成js代码,将页面逻辑串通,得到一个无内容有逻辑的页面。

目录:

builUI2.0.html【假焦点页面构建工具】 js/components.js【组件配置js】 demo.html【生成代码测试demo,代码拷贝到此验证】 demo_down.html【完成的demo示例】 js/jquery-3.1.1.js、jquery-ui【工具框架】 components/StaticLine.js【示例组件】

About


Languages

Language:HTML 91.9%Language:JavaScript 8.1%