• 学习笔记-React的简单介绍&工作原理


    一、React简单介绍

    1、React起源于Facebook内部项目,与2013年5月公开发布

    2、是一个用于构建用户界面的JavaScript库

    二、React特点

    1、声明式设计-React采用声明范式,可以轻松描述应用

    2、高效-React通过对DOM的模拟,最大限度地减少与DOM的交互

    3、灵活- React可以与已知的库或框架很好的配合

    4、JSX- JSX是JavaScript语法的扩展

    5、组件-通过React构建组件,使得代码更加容易得到复用,能够很好的应用在大型项目的开发中

    6、单向响应的数据流-React实现了单向响应的数据流,从而减少了重复代码

    三、什么事Redux

    1、Redux是JavaScript状态容器,提供可预测化的状态管理

    2、帮助我们的应用程序进行状态管理(data/UI)

    四、工作原理

    1、关键:组件

    2、对于每个组件React都会在内存中构建一个相对应的DOM树。基于React开发时,所有的DOM构造都是通过Virtual DOM(虚拟DOM)进行的,它可以让React运行更高效。每次组件的更新不是直接应用在浏览器的DOM树中,而是通过虚拟DOM来进行。所以当每个组件状态发生变化,React会重新构造整个DOM数据,然后将当前整个DOM树和上一次的DOM树进行对比,得出DOM结构变化的部分,然后将更新部分更新到真实的DOM中渲染页面。

  • 相关阅读:
    Google
    LeetCode 664. 奇怪的打印机
    LeetCode 79. 单词搜索
    LeetCode 224. 基本计算器
    Windows 端口映射
    LeetCode 354. 俄罗斯套娃信封问题
    LeetCode 300. 最长递增子序列
    LeetCode 338. 比特位计数
    LeetCode 395. 至少有K个重复的最长子串
    LeetCode 424. 替换后的最长重复字符
  • 原文地址:https://www.cnblogs.com/wanli-leon/p/15449387.html
Copyright © 2020-2023  润新知