React-基础铺垫

react的特点

• 采用组件化模式，声明式编码，提高开发效率及组件复用率。
• 在react native中可以使用React语法进行移动开发。
• 使用虚拟的DOM+优秀的Fiffing算法，尽量减少与真实DOM的交互。

• jsx语法规则：

  1. 定义虚拟的DOM时，不要用引号。
  2. 标签中混入JS表达式时要用{}。
  3. 样式的类名指定不要用class，要用className。
  4. 内联样式，要用style={{key:value}}的形式去写。
  5. 只有一个根标签。
  6. 标签必须闭合。
  7. 标签首字母：1.若小写字母开头，则将该标签转为html中同名标签，若html无该标签的同名标签，则报错。2.若大写字母开头React就去渲染对应的组件，若没有组件，则报错。

• 模块与组件、模块化与组件化的理解
  1. 模块
  1）.理解：向外提供特殊功能的js程序，一般都是一个js文件。
  2）.拆成模块原因：业务逻辑增强，代码多且复杂。
  3）.作用：复用js，简化js的编写，提高js运行效率。
  2. 组件
  1）.理解：用来实现局部功能效果的代码和资源的集合（html/css/js/image等等）。
  2）.作用：复用编码，简化项目编码，提高运行效率。
  3. 模块化
  1）.当应用的js都以模块来编写，这个应用就是一个模块化的应用
  4. 组件化
  当应用是以多组件的方式实现，这个应用就是一个组件化的应用