React学习笔记01-React的基本认识

这篇具有很好参考价值的文章主要介绍了React学习笔记01-React的基本认识。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.React起源与发展

React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决
定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源
了。

2.React与传统MVC的关系

轻量级的视图层库!A JavaScript library for building user interfaces
React不是一个完整的MVC框架,最多可以认为是MVC中的V(View),甚至React并不非常认可MVC开
发模式;React 构建页面 UI 的库。可以简单地理解为,React 将界面分成了各个独立的小块,每一个块
就是组件,这些组件之间可以组合、嵌套,就成了我们的页面

3.React的特性

1.声明式设计-React采用声明范式,可以轻松描述应用
2.高效-React通过对DOM的模拟(虚拟DOM),最大限度地减少与DOM的交互
3.灵活-React可以与已知的库或框架很好地配合
4.Jsx-jsx是JavaScript语法的拓展
5.组件-通过React构建组件,使得代码更容易得到复用,能够很好的应用在大项目的开发中
6.单向相应的数据流-React实现了单向响应的数据流,从而减少了重复代码,这也是为什么它比传统数据绑定更简单
4.虚拟DOM
传统DOM更新:
真实页面对应一个DOM树。在传统页面的开发模式中,每次需要更新页面时,都要手动操作DOM来进行更新
 

React学习笔记01-React的基本认识

 虚拟DOM:

DOM操作非常昂贵,性能消耗大,而且代码复杂难以维护。React把真实DOM转换成JavaScript对象树,也就是VirtualDOM

React学习笔记01-React的基本认识

 文章来源地址https://www.toymoban.com/news/detail-710780.html

到了这里,关于React学习笔记01-React的基本认识的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • STM32 F103C8T6学习笔记2:GPIO的认识—GPIO的基本输入输出—点亮一个LED

    今日继续学习使用  STM32 F103C8T6开发板 点亮一个LED灯,文章提供源码,测试工程,实验效果图,希望我的归纳总结会对大家有帮助~ 目录 GPIO的认识与分类 : 引脚安排整理: 定时器的引脚例举: 串口的引脚例举:  CAN串口通信: SPI通信: IIC通信:  其余引脚: 烧录引脚:

    2024年02月11日
    浏览(52)
  • TS学习01-基本数据类型

    布尔值 数字 字符串 数组 第一种: 在元素类型后面接上 [] 第二种 数组泛型-Array元素类型 元组 Tuple 表示一个已知元素数量和类型的数组· 当访问越界元素,会使用 联合类型 代替 枚举 enum 对 JavaScript 标准数据类型的一个补充。 默认从 0开始为元素编号;可以手动指定成员值

    2024年02月14日
    浏览(34)
  • 【微服务学习笔记】认识微服务

    服务拆分的案例demo 各个服务之间的数据库都是相互独立的,你不能直接访问对方的数据库,只能从一个服务像另外一个服务发起远程调用 在订单模块的服务中 发起用户查询的请求 在Order-Service模块中入口类注册RestTemplate,使用它来发送http请求 在查询订单的页面中,注入res

    2024年02月11日
    浏览(28)
  • 01_学习springdoc的基本使用

      网上冲浪🏄🏻‍♂️时,无意间发现 java web 应用程序的在线接口文档,除了耳熟能详的 swagger 之外,还有个 springdoc。这也许就叫惊喜( ͡• ͜ʖ ͡• )   还记得要使用 swagger2 的话,springboot 项目里面需要引入 springfox 的依赖。swagger2 遵循的是 OpenAPI 2 规范。现在已经有

    2024年02月02日
    浏览(31)
  • 原理图认识之Arduino(入门学习笔记)

    这是一张简单的Arduino开发板原理图,红色圈起来的代表实际连接在一起,为避免用线连接起来,在图中用同样名称的5v0连接。       AMS1117-5.0是一种线性稳压器,其工作原理是将输入电压稳定在5V输出。因此,将12V的输入电压通过AMS1117-5.0可以得到稳定的5V输出电压。 XC6206P

    2024年02月03日
    浏览(35)
  • 【React学习】—类的基本知识(五)

    类中的构造器不是必须写的,要对实例进行一些初始化的操作,如添加指定的属性才写。 如果A类继承了B类,且A类写了构造器,那么A类构造器中的super是必须要调用的 类中定义的方法,都还是放在了类的原型对象上,供实例去使用

    2024年02月13日
    浏览(47)
  • 【HarmonyOS(ArkTS)学习笔记-3】认识ArkTS语言

    内容学习来自华为开发者学习网站 文档中心 https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/arkui-overview-0000001532577181-V3 目录 认识ArkTS开发语言 1.ArkTS 1.1 认识ArkTS 1.2 ArkTS基本语法 2.TypeScript基础语法介绍 2.1 基础类型 2.1.1 布尔值(boolean) 2.1.2 数字(number) 2.1.3 字符串(s

    2024年01月21日
    浏览(54)
  • 学习笔记整理-面向对象-02-认识函数的上下文

    什么是上下文 函数的上下文 函数中可以使用 this ,它表示 函数的上下文 。 与中文中\\\"这\\\"类似,函数中的this具体指代什么 必须通过调用函数时的\\\"前言后语\\\"来判断 函数中的this 函数的上下文由调用方式决定 同一个函数,用不同的形式调用它,则函数的上下文不同 情形

    2024年02月13日
    浏览(38)
  • C++ 学习 ::【基础篇:16】:C++ 类的基本成员函数:拷贝构造函数(认识、特征、注意点及典型使用场景)及其基本写法与调用

    本系列 C++ 相关文章 仅为笔者学习笔记记录,用自己的理解记录学习!C++ 学习系列将分为三个阶段: 基础篇、STL 篇、高阶数据结构与算法篇 ,相关重点内容如下: 基础篇 : 类与对象 (涉及C++的三大特性等); STL 篇 : 学习使用 C++ 提供的 STL 相关库 ; 高阶数据结构与算

    2024年02月08日
    浏览(47)
  • 读AI3.0笔记02_起源

    2.5.1.1. 人工智能研究者通过将“自然的”即生物学上的智能机制嵌入计算机的方式来研究它 2.5.2.1. 人工智能研究者单纯地希望创造出像人类一样,甚至可以比人类更好地执行任务的计算机程序,并不担心这些程序是否真的在以人类的思维方式进行思考 2.9.1.1. 麦卡锡 2.9.2.

    2024年01月18日
    浏览(31)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包