day04【项目前端相关基础知识二】/09-尚硅谷-谷粒学院-前端技术-模块化概念说明

就下面咱讲这个叫模块化。那模块化到底是什么，我给大家啊，还是在图上再来解释一下啊。模块化，那这个到底它是什么。啊，就是第一个啊，它是什么，我用啊这么几个例子给大家说明啊，然后里边有张图，这图咱一会儿再看啊。那咱来说明啊，首先咱看第一个啊，就是咱们在我们就是开发这个后端接口的时候，咱有这么一个过程，这开发后端接口咱说过了，接口指的不是咱说的interface，是不是那个service map ctrl一个过程，也就是说我们在后端时候，咱要开发这个叫做controller。啊，用这个来解释啊，然后我们要开发这个叫service，要开发这个叫map，而过程中就是咱们C里边。啊，我们肯定要注入service，然后service里边要注入我们的viper，咱们在后端中肯定是这么来做到的，而这个过程中大家看到啊，就是在这过程中你要知道controller service map是不是它们是不同的类啊，而这里边在不同类之间是不是能实现互相的调用，它们通过注入方式能调用，所以这个过程理解为它叫做后端的模块化，就是你把这个不同的类放到不同的包里面去，然后他们通过注入方式实现不同的调用，也就是说呢，是你类与类之间的这么一个调用啊，这叫后端模块化。

写一下哈。在咱们后端中，我们类与类。他们之间的调用就称为叫做模块化操作，比如说你controller注service调用，Service注map调用，这个过程叫模式化，但是这是后端中的说法啊，但是咱们现在讲的是前端，咱说一下什么叫前端括化。

注意我的用词啊，之前那个叫后端模块化，现在咱们讲的叫前端，那前端什么意思呢？这里写一下啊。前端中呢，它不是类与类之间调用是什么呢？就是在前端中。啊，在前端中用它指的是什么？是你这里边的JS与JS之间的一个调用，这个过程称为叫做前端的模块化操作啊，这是我们一个解释，也就是说举个具体的例子啊，比如我现在在这里边我有一个啊，比如说咱就看这个，这是DIS4个中的零一，这是ES6中的这个文件，那我现在比如说我在这个文件中想去调这个文件中的方法，这过程叫前端模块化，就是前端的JS之间做一个互相调用啊，跟我们后端类似，后端是类与类之间，前端是GS与GS之间，这个称为叫模块化。

而咱们大家要明确啊，咱前端写代码，比如刚才一直提到，不是说只写几个页面就叫前端，前端也能做成，可以说比后端更加复杂的过程里边也能做成后端那种各种结构，所以咱们在这里边用模块化是很有必要的，不管是前端后端都有这个概念啊，这称为叫骨块化。给各位把这个给它记住啊，最后重复一遍啊，后端指的是类与类间的调用，叫模块化，前端指的是JS与JS之间的调用，叫前端模块化啊，这是我们开发中肯定是必须的，或者说必备的这么一个东西，开发中基本上都会这么来做。啊，这是我们提到的啊，模块化。而咱们把这个说完之后，下面咱们看这么一个特点啊，就是模块化，肯定咱们这么做有它的优势，后端咱们应该最直接看到，就是你不同的包里边写不同的这个类，那咱们把它区分更加的清晰，咱在维护更加方便，前端也是一样，你把不同的JS写不同功能，然后做调用，这样的话后期维护也会特别方便，看起来结构也会特别清晰啊，就这是模块画的一个好处。

然后就是在我这个课件中啊，有一张图啊，这是我当时选张图，这图是什么意思呢？啊，给大家大概说一下啊，这图当时我选的目的是这么一个目的啊。因为当时啊，我记得我在网上看了一个消息，我就有感而发，找这张图，什么消息呢？这消息各位可能也看过，就是在很多年前，网上有一个新闻这么说的。说这个德国人啊，做事特别有条理性，什么条理性的就是德国那个电工，他把那个线，就是每根线给他都做了标号，每根线到底是干什么的，标注的特别清晰，然后他通过线能够快速找到这线他都故障在哪里，这是德国人的方式，把那个电工把线标记的特别清楚。

但是还有国家，就这个国家。这是哪个国家呢？是印度，印度人呢，他的特点是什么？做事特别有规律，他把所有线弄成这个样子，跟那蜘蛛网一样，但是奇怪的是啊，印度人他也能快速找到这线到底是干什么的，怎么找那咱不知道啊，印度人也有它的特点，所以当时选这张图就这个目的啊，因而我们这么做，大家就会发现这么看起来就跟蜘蛛网一样，肯定要找每根线特别的不方便，但是我们要做成模块化，肯定会特别的简洁，特别的结构清晰啊，所以这图当时这个目的啊，给大家知道一下啊，这是一张图，就是证明我们模块化肯定是结构更加清晰啊，这些刚才我都提到了啊，这是一些基本特点。所以通过我的描述，大家知道什么叫模块化，在咱们不管是后端和前端开发中，这模块化可能都是必须要做到的这么一个过程。这个啊，我们就说完了啊，然后说完之后呢，咱下面可以演示一下，就模块化在咱项目中具体该怎么去用啊，我这里边啊，这个文档咱先大概看一下啊，一会我说一下怎么演示。

在演示中呢，给大家演示两大种方式，第一种方式咱先演示用ES5怎么去写，第二种再演示用ES6怎么写，当然ES6中有两种写法啊，这咱一会儿都会演示，就一会儿先演示ES5，然后再演示ES6。为什么两种一会会解释到啊，它里面因为有个特点，就咱们必须啊，用这种方式才能做到。啊，我在里边写一下啊，这是什么叫模块化。然后咱们一会儿先演示第一种方式，我们使用这个叫ES5来实现模块化的操作啊，演示之后咱再演示ES6啊，咱上午应该演示不到演六，ES5应该能演示完啊，那咱们马上就演示啊。

这个我先保存。