react学习笔记一:react介绍
将view规划成一个个的组件,是一个响应式的声明式的设计。
虚拟dom,减少dom操作。vue的虚拟dom是在react的基础上拓展来的。
单向数据流:是一种数据流动的模式。数据流的方向是有上到下的,在react中主要是从父组件流向子组件。
优点:
1、让数据的复杂度更低。
2、有助于状态管理和调试。
3、提高代码的耦合性和维护性。
应用场景:
1、多个组件共享状态时
2、大项目
渲染的过程:
html解析成dom树 > css解析成css树 > dom树+css树解析成 渲染树 > 计算大小、位置,屏幕展示。
重排(回流):部分或全部元素走重新渲染的的过程。
回流:页面元素样式改变不影响文档流的位置(渲染树中不用计算大小和位置),直接进行渲染。相当于前面的前面到渲染树基本不用再走一遍,直接将改变的元素样式进行渲染。
虚拟dom与真实dom进行对比,然后将不同的部分用补丁的方式,对dom进行操作,这样可以减少dom的消耗。
再次回顾react,发现对react中虚拟dom的理解更为深入,已经渲染的过程理解更为清晰。
react官网