转载请注明出处， css探索之旅-飘零雾雨的庄园
这里所讲的只是我个人针对前端开发的模块化思想设计的一些浅薄看法。
什么是模块化思想？模块化思想就是指将页面根据内容的关联性分解成不同的且相互独立的模块进行开发，每个模块之间没有必然的联系，互不影响。
在早前，团队协作相对比较少的情况下，模块化的思想并不会特别的吸引人，因为在单兵作战的情况下，往往更注重灵活，快捷和高效，根据个人喜好来做东西，而考虑维护，复用性等方面则相对较少。
在团队协作日益频繁的今天， 模块化思想的重要性就凸显出来。尤其是那些已经在使用模块化的，或许早已深深的体会到其中好处。因为模块化并不是就意味着不灵活，不高效。在理解模块开发模式下，你会发现原来东西其实是可以这样来做的。
拿生产一个汽车来比，一辆我们眼前看到的汽车，在它的制造过程中，每个零部件都是单独生产的，然后最终拼合到一起，变成街上跑来跑去的铁盒子。如果生产过程中有哪个部件不合格，则单独重新考虑这个部分，而不需要考虑整辆车，以此节约维护的成本。
网页的模块化和汽车生产也是如出一辙，我们把一个页面的每一个部分按照内容的关联性先分成不同的模块，这样一个页面就会有多个模块，然后再将每个模块根据外观相同或类似分配给不同的组员进行制作，并最终将所有个模块拼合在一起，形成一个完整的页面。
但是为什么要这样做呢？我们发现在一个项目里，往往一个或多个页面中，都会存在内容和外观相同或类似的部分，如果我们按照模块化来做，首先我们已经将页面变成了一个个的模块，那么这些相同或相似的模块就可以分给同一个人来开发，这样效率必将有很大的提高，且代码的质量也会有很大的提升，因为每个组员做的部分都是不同的东西，不会存在为实现一个相同或类似的东西而每个人都写一份自己的代码，造成代码冗余。
同时，每个模块都作为页面的一个“零件”存在，互不影响，组员开发可以同步进行，且每个模块的迭代都只需找到开发这个模块的单个人就行，节省维护成本。
由于每个模块都是单独存在的，所以当任何一个页面需要用到这个模块时，都可以方便的直接将这个模块拿过去用，而不必再重新开发，大大增强了复用性。
模块化思想的主要优势就体现在：提高重用性，提高开发效率，降低维护成本，提升代码质量等方面。
第一个关注。。。。呵呵，JF
很好，很受用。
模块化思想的运用，主要在架构师
模块化思想的运用，主要在架构师
这个也不是绝对的，如果每个人都有这种思想，接下来的工作就会变得更顺畅！
引用 3 楼 kuaiying001 的回复:
模块化思想的运用，主要在架构师
这个也不是绝对的，如果每个人都有这种思想，接下来的工作就会变得更顺畅！
同意！
很好，要好好学习了
面向对象
学习
up
ding
lz,好人啊，哈哈，接分！
接分咯！呵呵~
不错，值得一看
嗯 学习了
模块化的思想很好，有时候不单只是功能上的，这个思想存在整个编程过程中，是一个积累的过程。有什么好的方法啊，都可以做成一个模块在以后的项目中应用，时间长了也就大大提高了开发效率。
开发成本将增大
收藏了，好好学习一下
ding
模块化思想的主要优势就体现在：提高重用性，提高开发效率，降低维护成本，提升代码质量等方面
非常认同！
恩，赞同楼主的想法，呵呵
学习了！
没错。散分更没错。母亲节祝天下所有的母亲幸福安康。
这个只是理论思想和指导思路，实践中有许多制约的，会走很多弯路的。
刚开始的时候甚至不能在加人的情况下缩短工期。
接分，祝福天下所有的母亲。
收藏了，好好学习一下！！！
团队合作效率就是高
学习
拿生产一个汽车来比，一辆我们眼前看到的汽车，在它的制造过程中，每个零部件都是单独生产的，然后最终拼合到一起，变成街上跑来跑去的铁盒子。如果生产过程中有哪个部件不合格，则单独重新考虑这个部分，而不需要考虑整辆车，以此节约维护的成本。
o 知道了
从一开始就重视这个思想很有好处~
接分，祝福天下所有的母亲。
通常多人维护一个页面的时候，模块化必不可少。
但在现在it民工大量工作的前提下。一人多个页面。
不太可行。
不过这个思路非常不错
very good
jf
楼主真是好人呀！
同意，好人
好，收藏
不错
jf
感觉模块化设计思想和面向对象的思想非常的像，我感觉在道理是就是一样的东西，不过这个总结的很浅显易懂，很难得！
我来学习！
我来学习！
接分
不错不错~~
我也来学习！我也来学习！我也来学习！
学习学习~~
高深的?西，??。。
看看啥东西
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
