版权声明：本文为博主原创文章，不得随意转载，转载请注明出处！！！ https://blog.csdn.net/YuDBL/article/details/84981433
声明：本教程不收取任何费用，欢迎转载，尊重作者劳动成果，不得用于商业用途，侵权必究！！！！
对于前端来讲，最浪费性能的就是DOM操作，虚拟DOM帮我们减少了操作的次数，从而使我们提高了性能。JSX是一个非常创造性的语法，它相当于允许在JS里面直接写html代码，而不像过去需要通过字符串拼接出来。
组件化：他把所有功能模块、UI等抽象成一个个单独的组件，在进行页面制作只需要把n个组价进行排列组合，就能够制作我们需要的页面效果。数据流的流动方向是固定的，都是从父到子、从上到下的方向，这样使我们的整个代码逻辑比较清晰，方便我们阅读理解以及将来的维护。
相当于JS代码和真实DOM之间加了一个虚拟DOM，那么我们的JS想要操作DOM的时候，它并不是直接操作DOM，而是操作跟真实DOM一样的JS变量，那么这个JS变量它跟真实DOM树的树形结构是一模一样的，但是它的本质是一个JS变量，那么我们代码去操作虚拟DOM，虚拟DOM由于它是JS变量，所以操作效率是非常高的。
那么我们的App可以n次操作虚拟DOM，然后由虚拟DOM一次性反应到我们的真实DOM里面，那么这样我们就把过去n次真实DOM的操作，缩减为1次，从而尽大可能的提高了我们页面的呈现效率，避免了性能的浪费。
