CSS模块化

         CSS模块化(八) 流行的前端框架

编写css也是一样，从最初只是定义文字颜色、内容排版，到现在定义所有的表现。css框架也渐渐被重视了，因为大家都认识到：从具象的表现中抽出抽象的模块来重复使用，是减少用户下载、方便团队及个人开发最重要的手段。...

2014-03-25 10:56 阅读(1229) 评论(0)

CSS模块化(七) CSS的命名

7. CSS的命名 7.1 基本命名 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column...

2014-03-25 10:55 阅读(1293) 评论(0)

CSS模块化(六) 模块化设计

6. 模块化设计 6.1 样式的作用域──页面重构中的模块化设计（一） 模块化设计我已经提过很多了，都是跟模块化相关的，不过之前一直没有讲到具体实现方面的内容，只是一些思维。这次重点讲一下实现方面的内容，权当到目前为止我对模块化的一些总结整理。 要做好模块化，我觉得理解好样式的作用域是很重要的。写过程序的同学应该都知道，变量是有作用域的（不知道的同学自己去问谷歌，这里就不作解释了），样式的定...

2014-03-25 10:49 阅读(1816) 评论(0)

CSS模块化(五) CSS的设计模式原则之一：聚合/组合原则

CSS里也包含了设计模式的6大原则，今天讲讲聚合/组合原则--多用组合，少用继承...

2014-03-24 22:07 阅读(1723) 评论(0)

CSS模块化(四) 如何划分模块--单一职责原则

模块化可以让代码高度重用，显著提高开发效率。关于模块化．比较成熟的是编程领域的“类”。在面向对象编程方式中，“类”是个非常核心的概念，可以说面向对象思想的基础就是“类”。关于模块化，“类”有很多成熟的技巧，例如封装、多用组合少用继承原则等。css的模块化是个有趣的话题，它是个新的领域，很多人都有自己的见解。下面借鉴编程巾的“类”，将面向对象的编程思想引入到css的模块化里。...

2014-03-24 15:45 阅读(2778) 评论(0)

CSS模块化(三) CSS的组织

正所谓见仁见智，所以如何组织CSS可以有多种角度，例如按功能划分:将控制字体的CSS集中在font.css文件里，将控制颜色的CSS集中在color.css，文件里，将控制布局的CSS放在1ayout.css文件里;或者按区块划分:将头部的CSS放在head.css里，底部放在foot.css里，侧边栏放在sidebar.css.，主体放在main里。不同角度的组织方法都有自己的道理，也有自己的优点和缺点。 这里推荐一种组织CSS的方法:base.css + common.css + page.c...

2014-03-24 15:41 阅读(2099) 评论(0)

CSS模块化(二) CSS的面向对象思想

在CSS中其实也有面向对象里的三大思想，封装，继承，多态...

2014-03-21 18:33 阅读(2549) 评论(0)

CSS模块化(一) CSS模块化的背景

模块化是指解决一个复杂问题时自顶向下逐层把软件系统划分成若干模块的过程。每个模块完成一个特定的子功能，所有的模块按某种方法组装起来，成为一个整体，完成整个系统所要求的功能。模块具有以下几种基本属性：接口、功能、逻辑、状态，功能、状态与接口反映模块的外部特性，逻辑反映它的内部特性。在软件的体系结构中，模块是可组合、分解和更换的单元...

2014-03-21 10:36 阅读(3137) 评论(3)