当前位置: 首页 > article >正文

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官网


http://www.kler.cn/a/319397.html

相关文章:

  • 万字长文解读深度学习——ViT、ViLT、DiT
  • HarmonyOS Next星河版笔记--界面开发(4)
  • [CKS] 关闭API凭据自动挂载
  • 如何为电子课程创造创意
  • MySQL_第13章_视图
  • vue el-date-picker 日期选择器禁用失效问题
  • Linux:路径末尾加/和不加/的区别
  • C#版Halcon:HalconDotNet最详细最全面教程(万字详细总结)
  • 算法-回溯
  • 【java入门】JDK的下载安装与环境配置,最新最详细教程!
  • ubuntu错误GPG error: http://repo.mysql.com/apt/ubuntu noble InRelease
  • 01-ZYNQ linux开发环境安装,基于Petalinux2023.2和Vitis2023.2
  • Python pyppeteer 与playwright 模拟浏览器请求 部署服务器遇到的坑
  • php发送邮箱教程:如何实现邮件发送功能?
  • 算法记录——链表
  • 【Linux基础IO】深入解析Linux基础IO缓冲区机制:提升文件操作效率的关键
  • MySQL—存储过程详解
  • 望繁信科技受邀出席ACS2023,为汽车行业数智化护航添翼
  • vue3自动暴露element-plus组件的ref
  • C# 找到给定点集的简单闭合路径(Find Simple Closed Path for a given set of points)
  • 203. 移除链表元素
  • David律所代理Jose Martin幽默水果版权首发维权,尚未TRO
  • MySQL安装教程
  • 240922-MacOS终端访问硬盘
  • C++_22_异常
  • C++:模版初阶