ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

React介绍

2022-07-04 10:00:17  阅读:142  来源: 互联网

标签:dom 代码 DOM 介绍 React MVC 页面


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

轻量级的视图层库!
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对象树,也就是Virtual DOM

标签:dom,代码,DOM,介绍,React,MVC,页面
来源: https://www.cnblogs.com/bigharbour/p/16441844.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有