React简介--1

React

用于构建用户界面的JavaScript库

React 是一个将数据渲染为HTML视图的开源javaScript库

为什么要学React

1、原生js操作DOM繁琐、效率低

2、使用js直接操作DOM，浏览器会进行大量的重绘重排

3、原生js没有组件化的编码方案，代码复用率低

React的特点

1、采用组件化模式、声明式编码，提高开发效率及组件复用率

2、在React Native中可以使用React语法进行移动端开发

3、使用虚拟DOM+优秀的Diffing算法，尽量减少与真实DOM的交互

react的编程

旧版本的编程

注意点1：引入的包是有顺序的引入，react的核心库需要比react-dom先引入

注意点2：

render ： 渲染的意思

使用js创建DOM对象

js创建虚拟DOM的方法就是对jsx的写法的一个解释执行，浏览器没法解析jsx的代码，所以需要有babel中间件进行翻译。

比如：使用jsx的代码

由babel解释之后：使用createElement嵌套

虚拟DOM是一个一般类型的对象，那么真实的DOM是什么呢？

jsx的语法规则

了解一下表示式和语句的区别

简单来说表达式 在等号的左边可以拿值接收

语句：控制代码的走向

将data数组中的数据遍历出来，使用的是表达式，不能使用for循环遍历，因为for循环是语句

注意遍历时可以利用index为每一个设置key值，保证每一个值的key不唯一

模块

1、理解：向外提供特定功能的js程序，一般就是一个js文件

2、为什么要拆分成模块：随着业务逻辑增加，代码越来越多且复杂

3、作用：复用js，简化js的编写，提高js运行效率

组件

1、理解：用来实现局部功能效果的代码和资源的集合

2、为什么：一个界面的功能更复杂

3、作用：复用编码，简化项目编码，提高运行效率