页面模块化实现的很大的受制于页面的结构和表现;一个统一的页面结构和表现能很好的实现页面的模块话。
比如一个“网友评论”模块这个会在很多地方使用到,比如日志,照片,等等,如果这个“网友评论”模块结果和表现是统一的那么我们就不用重复劳动去重新设计制作页面甚至是行为等等,包括后台的数据存贮。
《页面模块化(设想)》上面总结了页面模块化的优点,《前端模块化设计思路》也提到要做到模块化的前提条件:
为了做到这一点,我们需要有一个设计规则,所有的模块都在这个规则下进 行设计。良好的设计规则,会把耦合密集的设计参数进行归类作为一个模块,并以此划分工作任务。而模块之间彼此通过一个固定的接口(所谓的可见参数)进行交互,除此之外的内部实现(所谓的隐参数)则由模块的开发团队进行自由发挥。
我们应给怎么样建立一套设计规则呢?
首先我们要从页面的表现开始,视觉上我们要采用统一的视觉设计规则,比如:
- 应用网页栅格化来确定网页布局;
- 页面标题栏,字体大小,文本间距统一;
- 表单类的表现统一,比如按钮,文本框等;
- 图片规格统一;
- 行为类的弹窗,浮层等表现统一;
- 等等…
其次为模块编写统一的html结构,
- 要合理使用语言化的标签;
- 可以保存成代码片段或者单独的html文件等,
- 如果需要可以加上适当的注释;
- 考虑扩张性和维护性;








