?

一、

<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组件一定要写好,扩展性还要充分考虑