首页 > 其他分享 >React学习笔记01-React的基本认识

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

时间:2023-10-16 11:11:57浏览次数:34  
标签:01 DOM JavaScript 笔记 React MVC 组件 页面

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来进行更新  

 虚拟DOM:

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

 

标签:01,DOM,JavaScript,笔记,React,MVC,组件,页面
From: https://www.cnblogs.com/SadicZhou/p/17766911.html

相关文章

  • GBJ5010-ASEMI电源控制柜专用GBJ5010
    编辑:llGBJ5010-ASEMI电源控制柜专用GBJ5010型号:GBJ5010品牌:ASEMI封装:GBJ-4恢复时间:>50ns正向电流:50A反向耐压:1000V芯片个数:4引脚数量:4类型:整流桥、功率整流器件特性:功率整流器件、高性能整流桥浪涌电流:400A正向压降:1.05V封装尺寸:如图工作温度:-55°C~150°CGBJ5010......
  • C#学习笔记之类(Class)
    一、定义:以class关键字开始,后跟类的名称。类的主体(成员)包含在一对花括号内。一般形式:<accessspecifier>classclass_name{//变量<accessspecifier><datatype>variable1;<accessspecifier><datatype>variable2;...<accessspecifier>......
  • 前台端分离 技术架构 系统架构图 20231016
       ......
  • 矩阵理论笔记1
    第一讲线性代数回顾定理和性质设\(A=(\alpha_{1},\alpha_{2},\alpha_{3},...,\alpha_{m})\),其中\(\alpha_{i}\)是一个n维列向量,那么有下面命题等价:1.1.\(b\inL(\alpha_{1},\alpha_{2},\alpha_{3},...,\alpha_{m})\),其中$L(\alpha_{1},\alpha_{2},\alpha_{3},...,\alpha_{......
  • 计讯物联微型环保数采仪TS501开启雨污泵站无人值守新模式
    应用背景雨污泵站作为城市功能建设的重要组成部分,其智能、高效的功能为城市缓解排污困难,同时减轻污水处理厂的负荷,促进了城市的可持续发展。对于雨污泵站的智能化,我们不得不归功于计讯物联微型环保数采仪TS501。基于TS501的远程监控、智能控制、预报预警、安全管理、数据监控与传......
  • Programming abstractions in C阅读笔记:p179-p180
    《ProgrammingAbstractionsInC》学习第60天,p179-p180总结。一、技术总结1.palindrome(回文)(1)包含单个字符的字符串(如"a"),或者空字符串(如"")也是回文。(2)示例:“level”、"noon"。2.predicatefunction(1)predicate的意思pre-("forth")+*deik-("show"),“t......
  • 软考笔记
    1.计组与体系结构1.数据的表示1.1进制转换按权展开求和n进制->十进制每一位八进制数与三位二进制数对应除n取余法十进制->n进制每一位十六进制数与四位二进制数对应计算机的基本单位位(比特)bitb字节byteB 千字节KB兆字节MB 吉字节GB 太字节TB......
  • 20231015NOIP训练赛
    20231015NOIP训练赛时间安排7:50-8:10写T18:10-11:50写T2总结T2写了分段但是因为太过自信然后全删了题解T1板子题,建一个超级源点即可T2数学题,用组合数计算,然后再用前缀和优化T3先建出S到T的最短路图,然后在在这个DAG上进行DP,注意还要再建出T到S的最短路图再跑一遍。T......
  • 概率论视频课笔记
    只做理解类记录,哪个知识点忘了去看视频。前四章是概率,看的框框老师。概率论1、随机试验:可重复性、可预知性、不确定性2、样本空间:随机试验E的所有可能结果,记为S或Ω3、样本点:样本空间中的每一个元素e4、随机事件:样本空间的子集,简称事件5、事件发生:子集中某个样本点出现,不需......
  • 吴恩达深度学习笔记
    B站看的视频,课太长了,180多节,但搬运的没有作业练习,最好找个能练习的 1,假设模型时,以前(2011版机器学习)用西塔代表参数组成的向量,现在用w代表参数组成的向量,b代表西塔0,x还是特征与样本组成的矩阵。目的还是求系数w,进而确定模型。比较一个样本的预测结果与实际结果的函数,是损失函......