大前端-React06：组件和模块化之间的区别？拆分的力度不同

01- 模块（全称：js模块）

1，向外提供特定功能的 js 程序, 一般就是一个 js 文件。

用我们java的话来说就是一个类。

2，为什么而诞生的？

为了适应越来越庞大复杂js工程项目，需要对业务进行拆分组合

3，这样做的好处？

复用 js, 简化 js 的编写, 提高 js 运行效率

02-组件

1，概念：用来实现特定(局部)功能效果的代码集合(html/css/js)

2，为了什么而诞生的？

为了应付更为复杂的界面

3，这样做的好处

复用编码, 简化项目编码, 提高运行效率

03-模块化

1，概念：当应用的 js 都以模块来编写的, 这个应用就是一个模块化的应用

04-组件化：

1，概念：当应用是以多组件的方式实现, 这个应用就是一个组件化的应用

组件话的概念其实与盒子模型类似，盒子置放于不同位置中，进行编写。

2，在React中的组件。

React的组件相比于之前（html/CSS/JS）的组件化，更加细致，那就是将这一个模块之中的所有资源（flies，img，mp4…）统统放进来。

（1）相似组件，使用React组件之前：

写好一个"<div>”，复制粘贴

（2）相似组件，使用React组件之后：

直接调用该组件，闯入参数。