HTML 组件想法

 

一、

<div id="toolbar" ui:id="toolbar" ui:cid="T0001" cls="" ui:postion="l:10px;r:10px;b:10px;t:10px;w:120px;h:120px">

<div id="condiot" ui:id="contbar" ui:cid="C0001">

<div id="grid"    ui:id="grid"    ui:cid="G0001">

 

二、

<script src="toolbar.js">

<script src="condiot.js">

<script src="grid.js">

 

 

<div id="toolbar"  cls="">

<div id="condiot" >

<div id="grid">

 

<script>

     var toobar = new Toolbar("toolbar",{cid:"T0001"});

     var condiot = new Condiot("condiot",{cid:"C0001"});

     var grid= new Grid("condiot",{cid:"G0001"});

</script>

 

两种开发模式

 

明显第一种比较不错，配置好，结构也紧凑

还可以根据 ui 分析进行按需加载,进一步简化了web的开发

 

前提，UI组件一定要写好,扩展性还要充分考虑