React的核心

1，组件化

  react是把整个一个网页拆分为一个个小块，每个小块就相当于一个组件，网页就是由多个组件拼接或者嵌套组成

2，虚拟DOM和真实DOM

     页面上渲染出来的节点就是真实DOM，它会频繁的排版和重绘

     虚拟DOM是映射真实DOM的JavaScript对象；

     真实DOM的特点：可以直接的更新html，操作起来很麻烦，消耗很大的内存，而且频繁的操作真实DOM会影响页面卡顿，使用户体验性差

      虚拟DOM的作用：可以实现页面中DOM元素的高效更新，减少重绘和回流，减少了与真实DOM的交互，减少了内存的消耗，从而提高

3，DIFF算法

       本质新旧俩颗DOM树，逐渐对比的过程，就是Tree Diff;它可以高效的对比新旧DOM，从而计算找出真正的DOM变化的那一部分，并针对那一部分进行DOM操作，而不是重新渲染页面

4，react中的DIFF算法与传统DIFF算法的区别

       传统的DIFF算法是通过递归的方式对dom节点进行依次的对比，然后判断每个节点的状态以及要执行的操作，复杂度为O(n^3)

        react中的DIFF算法对传统DIFF算法进行了优化，降低其复杂度为O(n)

        优化一，tree diff(层级控制)，它对dom节点的跨层级操作不做一些优化，只对同级的节点进行一些比较，如果发现节点不存在，则该节点和子节点都会删除掉，不会进行下一步的比较，所以整个就对树只进行一次遍历，就完成了对整个DOM数的比较

        优化二，component diff，DOM节点组件的比较

        (1),如果是同一类组件，会继续往下进行diff算法运算，更新节点

        (2),如果不是同一类组件，它会删除这个组件及其所有子节点

        优化三，element diff——dom同层级单个节点的比较。