两种组件，组件和模块的理解

Ⅰ-react中定义组件

1.函数式声明组件

执行了ReactDOM.render(.......之后，发生了什么？

1.React解析组件标签，找到了MyComponent组件。

2.发现组件是使用函数定义的，随后调用该函数，将返回的虚拟DOM转为真实DOM，随后呈现在页面中。

2.类式组件(下面的实例都是指类组件)

　执行了ReactDOM.render(.......之后，发生了什么？

​ 1.React解析组件标签，找到了MyComponent组件。

​ 2.发现组件是使用类定义的，随后new出来该类的实例，并通过该实例调用到原型上的render方法。

​ 3.将render返回的虚拟DOM转为真实DOM，随后呈现在页面中。

组件中的render是放在哪里的？

​ MyComponent的原型对象上，供实例使用。

组件中的render中的this是谁？

​ MyComponent的实例对象 <=> MyComponent组件实例对象。

Ⅱ-模块与模块化

1.模块

　　　1.理解:向外提供特定功能的js程序,一般就是一个js文件

　　　2.为什么要拆成模块:随着业务逻辑增加,代码越来越多且复杂

　　　3.作用:复用js,简化js的编写,提高js运行效率

2. 模块化

　　当应用的js都以模块来编写,这个应用就是一个模块化的应用

Ⅲ-组件与组件化

1. 组件

　　　理解:用来实现局部功能效果的代码和资源的集合(html/css/js/img等等)

　　　为什么要用组件:一个界面的功能复杂

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

2. 组件化

当应用是以多组件的方式实现,这个应用就是组件化的应用