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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1，做一个有灵魂的企业网站
没有灵魂却又不腐烂的死人被称为僵尸，同理，没有灵魂的网站就是僵尸网站。有一些网站做完了就放到那不管了，既没有流量，也无人问津，这样的网站就是僵尸网站。

2，找到企业网站的主打产品
就像我们去逛京东商城旗舰店，总会先看一下它们主推的产品，以及什么样的产品销量最高、评价最好，综合对比后来选择自己想要的。但是偏偏很多网站，用户根本就找不到它们的主打产品是什么，难道等用户自己来分别对比吗?你所需要做的就是：把你的主打产品，第一事件呈现在你的用户面前。

3，确立企业网站的盈利模式
海淘专业网站建设认为，总是有一些网站，也是不得不说的，网站排名做上来了，却没想好怎么赚钱?

4，用户获取渠道多元化
很多企业很多时候做百度竞价花了很多钱，然而生意还是惨淡啊!但是除了百度竞价外就没有其他获取用户的渠道了吗?做SEO自然排名、微信、微博、媒体营销都不是方式吗?无论是你做SEO、还是SEM的，请多为自己留一条后路，避免无路可退。

5，让口碑来传播网站
做一个成功的网站不仅仅要依靠自己去将其传播开来，更多的还要看用户“口碑”，怎么让用户来主动帮你传播网站呢?其实网站的管理人员可以多借鉴一下微信朋友圈，每天我们为什么可以看到各式各样的转发呢?

6，找到网站的目标用户
很多时候不少网站有流量，但是就是产生不了良好的转换率，是因为目标用户找错了!

7，品牌影响力必不可少

超市购物，同样的价格我们会选择名牌的，甚至价格高几倍，也会选择名牌的，这就是品牌的影响力!做网站做品牌一样如此，最为基本的要做：媒体软文推广，时不时的发布一些。品牌、产品百科信息、文库信息、知道信息，这些更是必不可少!

8，网站页面设计要高大上
付费能力越高的群体，越在乎合作伙伴的质量，而对于网站来讲这个质量的第一展现就是高大上的形象。

9，网站要做好用户体验
好的用户体验不是你一个页面中左边有一个咨询窗口，右边有一个咨询窗口，中间还要弹出一个是否咨询!这样首先上来就会让人打一个差评，多少网站这样做的呢?数不胜数。
做好用户体验不是你能为用户服务多少，而是用户想要看到的你能够给多少。现在不少网站都太过急功近利了，根本没有考虑这些。用户体验是一个大的工程，设身处地的把自己想为用户，才会看到更多。

10，让用户成为你的粉丝
一个网站是否成功了，在于他的粉丝是否多，忠诚的用户是否多，否则即使你每天100万IP，也总会有用光的时候。绝大多数的网站都没有考虑过用户忠诚度的问题，如何留住更多的用户多次选择你的网站，这是成功路上最为重要的因素!

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