主标题：甘孜「网页模块化是什么」什么叫模块化

网页模块化是什么,模块化网页设计

内容导航：

什么是网页模块化

什么是网站模块

什么叫模块化

到底是谁的bug聊聊模块化

一、什么是网页模块化

把一个网页做成很多个模块，然后由网页调用那些模块，就成了一个完整的网页

二、什么是网站模块

什么是网站模块 有什么用 希望高手介绍下 我笨 最好打个比喻 谢谢行业内
网站模块一般是指一个功能块网站模块实际上就是一个功能块，根据不同的语言做出不同模块，有的模块可以通用，一般是可以重复的用，还有的简单的就一次性写好就可以了

比如，百度的网站很大。
其中“网页搜索”就是他的一个模块，“知道”是他的另一个模块。

你指的网站一般是指公司网站把，网站就好比是你的办公室，模块就好比是你公司里的每一个职能部门，一般的网站都通用的模块有新闻模块，内容介绍模块，留言模块等等，他起到的作用就是使你的公司正常运转，在网站上，也就是实现网站的不同的功能，比如发布新闻，发布公司介绍，与访问者的交互等。

三、什么叫模块化

答：模块化:按照功能将一个软件切分成许多部分单独开发,然后再组装起来,每一个部分即为模块。其优点是利于控制质量、利于多人合作、利于扩充功能等,是软件工程中一种重要的开发方法。其在军事上的应用：1.模块化是现代舰艇建造技术的重大革命。按照传统的舰艇建造程序，首先要根据舰艇将担负的作战任务决定所需要的性能要求和武器装备，然后再确定舰体设计，武器系统往往先于舰体设计，而且建成后很难改装。由于舰艇的研制周期通常长达10年左右、使用寿命30～50年，而舰上武器系统特别是电子武器系统的更新周期不到10年，像计算机每3～5年就会更新一代。这就意味着，如果按传统造舰方法，一艘新舰刚服役，舰上的武器系统已经不是新的了。因此，德、美、英、法、意等海军强国从上个世纪后期开始逐步采用模块化舰艇建造技术，将武器系统的各种装备按功能分成若干模块，即将拥有同一功能、与系统有关的部件做成一个标准功能模块，事先将它们与舰体的安装界面采用统一规定的标准形式。这就可以将武器等各种装备做成即插即用的一个个标准模块，能够很方便地嵌入舰体。武器系统无需先于舰体设计，可以同步建造、同步安装，而且可以随时更换，始终保持先进。目前，北约已经制定了比较完善的舰艇模块化标准，甚至连飞机、导弹和部队编组也在向模块化方向发展。未来海上力量将由各式各样的水上、水下和空中“变形金刚”组成，同一艘舰艇、同一架飞机，换上不同武器装备模块，即可承担不同的作战任务。2.武器系统的组装。如美国的XM8步枪系统，可以根据不同的任务要求安装不同的模块，组成不同的枪。

四、到底是谁的bug聊聊模块化

从前有一程序员，每天被无数bug折磨，于是跑到山上拜访智者。

程序员问：有没有一种办法，能让我写出来的代码完美无瑕，永无bug呢？

智者答：没有。
除非。
。
。

程序员：除非什么？

智者：除非你能让那些产品经理，不要总提些奇奇怪怪的需求。

程序员：啊，那太难了。
退一步，有没有一种办法，能让我写出来的代码，即使有bug，也能立刻知道bug出在哪儿？

智者：也没有。
除非。
。
。

程序员：我的天，你们山里人都喜欢把话说一半吗？

智者：除非，你在一开始写代码的时候，就考虑到了「模块化」。

程序员恍然大悟，听到模块化三个字，想起了多年前自己还是一名产品经理的时候，从一位叫果果的大侠那里，学到的技术道理：

模块化是软件工程里的一个概念，讲的是要把一个大的项目拆解成很多模块，每个模块实现一个小功能。

模块的内部是封闭的，外面只能看到它的入口和出口。
入口多就意味着模块用起来复杂，这样你即使把模块做出来，别人也不乐意用。

我们一开始写程序的时候，其实是没有模块的概念的。
比如C语言，要实现一个功能，一条路从头走到尾，直到最后输出结果。
这样的问题是如果最后运行出bug了，你需要再把整个流程重新捋一遍，定位的时候非常痛苦。

后来大家开始写函数，算是迈出了模块化的一小步。
函数把一段逻辑封闭起来，外面无需关心它是怎么实现的，天然具有模块的特征。
再后来，有了面向对象的语言，人们把很多函数和一些用到的数据放到一个类里面封装起来，形成了一个大模块。
类一般代表一个办事儿的实体，谁办事不给力，就找哪个类，这样查bug就更好查了。
再往上走，程序员会把实现某个功能的所有类放在一起，做成一个大模块。
一个程序往往需要很多这样的大模块，比如微信里面，扫一扫是一个模块，摇一摇是另一个模块，哪天用户约不到炮，绝对赖不着人家做微信支付的程序员。

模块化的思想就是这样，大模块套小模块，直到把一个项目拆解开。
举个例子，你做一个新闻客户端，可以这样设计你的模块。
首先，要有一个网络模块，用来从服务器上下载新闻。
这个可能需要很多类来共同完成，可以一起放在一个包里。
对外暴露一个叫fetch的方法，其他的都藏起来，谁也不知道也不关心你是怎么下载新闻的。
然后，要有一个转换模块，从网上下载的新闻，是html格式的，你需要从html网页里提取出真正的新闻标题，新闻内容之类的。
这个模块对外暴露一个叫translate的方法，可以输出转换后的新闻信息。
最后，还有一个展示模块，只要把转换好的新闻塞进去，就能自动进行排版，优雅的展示出来。

这样模块的接口约定好之后，招三个程序员，并行工作，最后串起来，完工。

模块化不光是为了找bug方便。
程序员常说，我们不生产代码，我们只是github的搬运工，如果你的模块不如外国大神写的好，完全可以完整的替换掉，这就是所谓的可插拔的设计。

又或者，你现在要做一个论坛APP，那么之前新闻客户端里的网络模块，也可以拿来直接用，实现所谓的代码重用，也是拜模块化所赐。

道理人人都会讲，就看谁代码写的溜了。
写代码的时候，有几个点需要注意。

一是模块内部不能对外面有影响。
这个很好理解，别人用你的模块，你不能有副作用。
典型的例子，ES6之前的javascript，没有模块的概念。
即使是在函数里写的代码，也有可能一不小心就污染了全局系统。
这是javascript一个很不好的特性，有经验的程序员都会避开。

二是当你真正用到一个模块的时候，再去加载它。
模块是需要花时间加载的，比如java里面的类，需要虚拟机把代码加载到内存里经过一番处理才能用。
再比如网站上用到的javascript代码，不同的模块属于不同的文件，需要去网上下载。
如果你打开一个网站的时候，就把所有东西都下载好了，这个体验是很差的，会有很长时间的白屏。

其实这样看来，模块化说难也不难。
难的是什么呢？是你做一个项目的时候，一开始没有考虑到模块化，到后来越来越庞大的时候，才想起来要搞模块化，这时候一方面代码太多整理起来太麻烦，另一方面产品又有新需求，两面夹击，容易力不从心。
但是长痛不如短痛，为了改bug更方便，为了代码更容易重用，这个还是值得的。

最后，说明一下。
很多朋友在后台问pdf什么时候到手，当时果果在文章里写了，7天之内会整理完，算下来是这周二，也就是最晚明天就可以到手了，请小伙伴们耐心等待。
有小伙伴忘了留邮箱的，果果有个好主意，你何不再转一分钱，把邮箱加上呢。
哈哈。

最后的最后，果果还是要推销一波。
果果整理了一年的文章，做成一个电子书，做了归类，调了排版，适合放在平板、Kindle上随时学习。
给产品经理讲技术第一季，19.9包邮。
支付宝转账@（*宇）， 附上你的邮箱，7天之内发货，童叟无欺。