Web App 页面构建的一般性规律

为什么80%的码农都做不了架构师？>>>   

构建系统的一般规律讨论


数据模型和对象部分
--------------------
基本元素
基本属性
基本操作
基本组合

自定义元素
自定义属性
自定义操作
自定义组合


数据沟通和协助部分
-------------------
消息通知
事件
上下文

我在组合的使用上经验不够，就略去不提了。

以矢量图开发Rphael为例
----------------------
基本元素：点，线，面（区域），体
基本属性： 色彩，线宽，透明度，位置， 尺寸
基本操作：画作，擦除，移位，变形，显示，隐藏，层叠

自定义元素：矩形，圆形，椭圆形，菱形
自定义属性：中心坐标，action，layer，stype等
自定义操作：保存，渲染，激活，非激活，保存，新建，更新等

消息通知：打开，保存，新建等操作提示，不合法操作提示，错误提示
事件：开始操作，结束操作，开始拖拽，结束拖拽，拖拽中等
上下文：全局对象等

以xHtml 开发 为例
----------------------

基本元素：span,div,label,table,p,h[1~6] 等
基本属性： 色彩，线宽，透明度，位置， 尺 寸,padding,margin， 层叠,id,name
基 本操作：创建，销毁，显示，隐藏，设置内容，读取内容，读取父子关系等

自定义元素： 块（比如 span，td等），行（撑满父容器一行），列（撑满父容器一列），段（多行的段落，比如p元素，不一定撑满父 容器），form表单 等，container，panel，window，tab，grid，list等
自定义属性：比如data-options,rowindex,tid,xtype,splite 等
自定义操作：加载，拖拽，关闭，填充数据，编辑，销毁等

消息通知：打开，保存，新建等操作提示，不合法操作提示，错误提示
事件：开始操作，结束操作，编辑前，编辑后，等

上下文：$$  对象等

强大的应用来自于细致入微的分析和把握，而这些需要数年的实践积累，有了这些积累方可随心所欲的进行组合式的编写程序，控件等等。想函数式就函数式，想命令式就命令式，想声明式就声明式。

孔子曰：吾十有五而志于学，三十而立，四十而不惑，五十而知天命，六十而耳顺，七十而从心所欲，不逾矩。

这里的从心所欲是花费了70年的历练才有的效果，而且每个时间段都有每个时间段的收获。

勉乎哉！！

转载于:https://my.oschina.net/honchy/blog/349957