浅谈React浏览器渲染流程

    当浏览器发送一个请求，会得到对应的响应。浏览器会通过HTML解析器去解析HTML会构建DOM树,会通过CSS解析器去解析CSS生成CSS规则树。

    如果页面中拥有一些JS逻辑，那么往往会通过JS将CSS,HTML进行修改的操作。往往造成重排重绘。

那么什么是重排重绘呢？

     当元素的几何属性（大小，位置相关属性）发生变化后，浏览器会将几何属性进行重新的计算，会影响到其它的元素。

      那么受影响的元素对应的几何属性也会发生变化（几何属性会重新计算）。

    几何属性进行的计算称为重排。

    重排之后，需要将结果进行渲染，渲染的过程称为重绘。

    结论：重排之后肯定会进行重绘，重绘不会进行重排。

    this.style.width = "100px";

    this.style.height="200px";