CSS模块化如何实现?(2)

来源:互联网 责任编辑:栏目编辑 发表时间:2013-07-02 02:53 点击:

我们之前经常提到的站点性能优化,有相当一部分也是“模块化”的内容,比如提高代码重用,提高开发效率等等,“模块化”的优点还有很多,我大概列了一下:

  • 提高代码重用率
  • 提高开发效率、减少沟通成本
  • 降低耦合
  • 降低发布风险
  • 减少Bug定位时间和Fix成本
  • 提高页面容错
  • 更好的实现快速迭代
  • 更好的支持灰度发布

其中最重要的一点,我认为是“提高代码重用率”,这也是模块化最重要的特点之一。

如何实现“模块化”?

这里的主要问题是HTML与CSS的“模块化”,我们可以看下换肤的实现方法:

  • 同一类名,换文件(JS)
  • 同一文件,换类名(JS)

由此可知HTML与CSS的接口实现:

  • CSS引入的三种方式
  • 类名

为了更好的实现这种接口,需要有相关的(交互、设计、页面、开发)约定、规则、规范,比如:所有当前状态都使用同一个类名“nonce”,所有变灰的表现都

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • WordPress添加百度喜欢按钮小技巧
  • Wordpress 博客如何实现自定义Gravatar头像
  • 网站设计分析:建立良好的视觉层级
  • 网站设计分析:“中国式设计”的三个方向
  • 案例分析:奥巴马筹款网站的制作过程
  • 创建不平衡的平衡:在网页设计中使用不对称设计
  • 7大主流B2C首页导航栏设计对比分析
  • Wordpress页面模板制作方法及使用
  • css控制文字前的小图标
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1