React简介

是用于动态构件用户界面/视图的js库,由Facebook开源

React特点

  1. 采用转化模式、声明式编码,提高开发效率即组件复用率
    2.React Native可以使用React语法进行移动端开发
    3.使用虚拟DOM和优秀的Diffing算法,减少与真实DOM的交互,最少化页面重绘

JSX

React定义的一种类似于XML的js扩展语法


image.png

虚拟DOM与真实DOM

虚拟DOM本质是object类型的一般对象,比较轻,虚拟DOM是React内部在用,无须真实DOM那么多的属性。虚拟DOM最终会被React转化为真实DOM,呈现在页面上。

  • 虚拟DOM不会进行排班与重绘
  • 虚拟DOM进行频繁修改,然后一次性比较并修改真实DOM,最后在真实DOM中进行排班与重绘,减少过多DOM节点排班与重绘损耗。
  • 真实DOM频繁排版与重绘的效率是相当低的
  • 虚拟DOM有效降低大面积(真实DOM节点)的重绘与排版,因为最终与真实DOM比较差异,可以只渲染局部

你可能感兴趣的:(React简介)