最近被“模块化”缠身，又是文章又是PPT的，被逼着想了很多相关的东西。整理下我这段时间对于“模块化”的思考，大多都是我自己从事页面重构这份工作的经验和理解，在一定程度上存在局限性，也希望自己能温故而知新。

“模块化”只是我们对于过去一直使用的技术、方法的一个新潮的称谓，就像“Ajax”。不过做为页面重构发展的一种趋势，越来越被大家重视，不自觉也满口的“模块化”，只是你真的理解什么是“模块化”吗？

什么是模块化？
对“模块化”的解释，在 CNKI 中就有28种。可见“模块化”思维使用的广泛。最接近页面重构中的“模块化”，现有的解释应该就是软件开发中的解释了。

先看一下百度词条是怎么解释“ ”的：

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

相关的书籍也蛮多的，有兴趣的同学可以搜一下。需要强调一点，我们所借鉴的是一种思维的方式。

页面制作为什么需要模块化？
站点内容越来越多、代码越来越臃肿，渐渐影响到了客户端的体验（主要是打开速度），影响到了维护的效率。有什么方法可以解决这些问题呢？

我 们很容易就想到：减少代码冗余、提高代码重用率、图片压缩等等，而这些要如何实现呢？模块化思维可以解决，即可以有效减少代码冗余、提高代码重用率，更重 要是可以支持到多人维护，降低维护成本。CSS写法较为灵活，容易产生代码的耦合，使用模块化也可以在一定程度上降低耦合度，对于BUG的定位也有帮助。 所以，我们更应该在站点前期就重视并使用“模块化的思维”编写站点。

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

提高代码重用率 
提高开发效率、减少沟通成本 
降低耦合 
降低发布风险 
减少Bug定位时间和Fix成本 
提高页面容错 
更好的实现快速迭代 
更好的支持灰度发布 
其中最重要的一点，我认为是“提高代码重用率”，这也是模块化最重要的特点之一。

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

同一类名，换文件（JS） 
同一文件，换类名（JS） 
由此可知HTML与CSS的接口实现：

CSS引入的三种方式 
类名 
为 了更好的实现这种接口，需要有相关的（交互、设计、页面、开发）约定、规则、规范，比如：所有当前状态都使用同一个类名“nonce”，所有变灰的表现都 使用原类名后加“_n”，Tab的实现方式等等。有了这些约定、规则、规范后，HTML代码就很容易可以实现模板化，统一接口规范。

有两个误区需要先认清下：

模块化后并不是就能被使用在任何位置（模块化后的代码段也是有适用的范围限制，需要一个提供接口规则的环境） 
模块化后并不是就不能再变更（模块化后的代码段可根据实际需要做修改） 
完 全独立的模块放在同一项目中，由于项目有自己的表现、交互统一性，所以各模块间必定出现类似的部分，这些部分可以被提出来做为公共的定义，减少冗余，这时 就会出现耦合的问题，完全不耦合是不可能的，因此模块化中很重要一点就是“适度的耦合”。有了公共定义，就得调整模块样式的实现方式了，而这种调整也会影 响到“接口”的实现方式。

制定一个建站流程时，要明白建网站的工作在前期的计划阶段是怎样的。比如设置网站的主题阶段，最主要的目的是确定网站的内容主题，亦即决定整个网站的走向、提供主题等。例如教育类的网站提供各种学习信息与内容，提供各种技术知识等。计划网站内容与框架，在制作过程当中，表现哪些信息与内容给使用者，而且将数据系统化，以网页为单位把要体现的数据项目划分成实际的树状图，以便日后计划各个页面。

建网站的工作在前期的计划阶段是怎样的

　　这也是为啥在建站时，需要对目标关键词，进行定位分类，在栏目名称中包括重点关键词，这样一个可以很好的对网站进行分类，知道客户喜欢什么样的内容，还有一个原因就是能够的宣传核心关键词。

　　网站的制作过程已经差不多就要基本的完成时，主要的工作是需要程序员将网站后台和网页前台连接起来，而后按照计划把网站信息上传，那么建站到这儿就已经基本完成了。

　　建站都是鉴于调查策划开始的，只有明白用户的行业、同行竞争对手才可以有计划的建站，做到反映行业特征、迎合用户、并且区别于同行对手的要求。便宜的网站就不要指望有这样的流程。

　　在计划中比如首页导航设计以生活元素为主，鼠标滑动选择不同的元素与悬停效果的结合，让整个网页设计相当富有创意和设计感。插图的运用让网站变成生动风趣。

　　再计划中一定要注意把丰富意义还有多样的形式组织成统一网页，一定要符合网站计划的要求，内容一定要丰富多彩。在形式上面一定要运用对照，对称和平衡以及对韵律的把握，做整体的均衡的页面。这样才能够产生协调的网页。再添加一些富有丰富的文字或者是图案，用多种手法进行应用。

　　整体网站布局就包含网站内部图标、图片、导航以及文字的排版方法，当大家在制作以及设计页面之前，都务必要自己动手，先进行计划，把自己心目中理想的网页设计形式通过图纸的形式画出来，万万不要不需要就这么贸然的动手进行制作，这是一种错误的行为，浪费的是自己精力以及时间。

　　网站的建站工作是不是成功，要看建站人员是不是将公司的品牌准确地传达给客户，让用户对企业品牌形成统一的价值观。以对品牌和互联网的进行理解，将传统品牌的创造理念渗入到互联网中，为公司发掘既定的品牌价值！网站是不是能够达到预期的营销性商业目标，除了在前期严谨的计划阶段、完善的建站技术之外，还有赖于周全的推广计划实施。依托自身多年的网站推广经验，帮助用户充分利用网络优势，获得商业机会。

网站关键词：网站建设  网站设计  网站制作  上海网站建设  上海网站设计  上海网站制作  上海网络公司  网站建设上海  上海做网站  上海建设网站  上海做网站公司  上海建网站公司  上海高端网站建设  上海手机网站建设  怎么建设网站  如何建设网站  营销网站建设  品牌网站建设  网站建设方案  响应式网站建设  外贸网站建设  公司网站建设  建设网站  网站建设服务  高端网站建设  网站优化服务  上海网站公司  企业网站设计  官网制作  官网建设  官网设计  网站建设公司  网站设计公司  网站制作公司