CSS模块化如何实现?(2)
来源:互联网 责任编辑:栏目编辑 发表时间:2013-07-02 02:53 点击:次
我们之前经常提到的站点性能优化,有相当一部分也是“模块化”的内容,比如提高代码重用,提高开发效率等等,“模块化”的优点还有很多,我大概列了一下:
- 提高代码重用率
- 提高开发效率、减少沟通成本
- 降低耦合
- 降低发布风险
- 减少Bug定位时间和Fix成本
- 提高页面容错
- 更好的实现快速迭代
- 更好的支持灰度发布
其中最重要的一点,我认为是“提高代码重用率”,这也是模块化最重要的特点之一。
如何实现“模块化”?
这里的主要问题是HTML与CSS的“模块化”,我们可以看下换肤的实现方法:
- 同一类名,换文件(JS)
- 同一文件,换类名(JS)
由此可知HTML与CSS的接口实现:
- CSS引入的三种方式
- 类名
为了更好的实现这种接口,需要有相关的(交互、设计、页面、开发)约定、规则、规范,比如:所有当前状态都使用同一个类名“nonce”,所有变灰的表现都
相关新闻>>
最新推荐更多>>>
- 发表评论
-
- 最新评论 更多>>