React(一)

一.React是什么？

React是一个将数据渲染为HTML视图的开源javaScript库,由于Fackbook开发,且开源。

二.JSX语法规则

1.定义虚拟DOM时,不要用引号

2.标签中混入js表达式要用{}

3.样式的类名不要用class,要用className

4.内联样式,要有style={{key:value}}的形式去写。

5.只要一个根标签

6.标签必须闭合

7.标签首写字母

1.若小写字母开头,则将该标签转为html中同名元素，若html中无该同名元素，则报错

2.若大写字母开头，React就去渲染对应组件，若组件没有定义，则报错

 

三.加入class类名

 

四.不能随意进行转换

 五.js语句和js表达式

 

 

注意表达式是有值的！！！

 六.声明式

声明式:很多东西不需要亲自去作，声明一下就行了，不需要亲自去操作DOM，只需要更新数据，界面会自动变化

七.组件化

例如一个很复杂的界面功能，想要简化的话，就得需要拆分，拆分成一个个的小的功能，每一个小的界面功能就是一个组件，就是拆分成了很多组件，最后拼装起来就行了，最后维护起来也很方便。

八.一次学习，随处编写

现在的react不仅自能写web应用也还能写手机端应用使用react native可以打包成安卓和ios。

九.高效

1.虚拟DOM，不直接操作DOM。
2.DOM Diff算法，最小化页面重绘。
例如一个页面有很多地方需要更新，会先都在虚拟DOM完成修改，最后会映射到真实的DOM中，完成一次性修改，重绘就会减少