认识React.js

154 阅读2分钟

这是我参与2022首次更文挑战的第28天,活动详情查看:2022第一次更文挑战

React是什么?

react用于构建用户界面的JavaScript库。 react是一个将数据渲染为HTML视图的开源JavaScript库

谁开发的?

由Facebook开发,且开源。 起初由Facebook的软件工程师Jordan Walke创建。 于2011年部署于Facebook的newsfeed。 随后在2012年部署于Instagram。 2013年5月宣布开源。 近十年 “陈酿” React正在被腾讯、阿里等一线大厂广泛使用。

基本概念:

单页应用模型(当你需要浏览不同的页面时,客户端不用再向浏览器频繁的发起请求,而是把心页面的数据拉取下来,根据客户端的具体情况在本地重新绘制新的界面,再把新的数据信息在新绘制的界面中展现出来,这样减少了客户端与服务端的之间的交互延迟,能够提供及时的响应,大大提高用户体验) 新的网页开发模型 : 单页面模型(spa)

reactJs vue都能解决以下这些问题

单页应用所面临的困境:

1.如果保持数据与ui同步更新 否则用户体验很差

  1. 如何有效的提高DOM操作的效率 (浏览器察觉到dom模型修改以后,他就会解读改变后的dom,根据dom变化重新绘制页 面,这样一来一回很低效)

  2. 使用HTML开发UI界面异常复杂(开发强大的网页应用,逻辑复杂代码庞大)

react的优点

(降低页面之间的耦合度,虚拟DOM操作,组件开发(可重用组件,使页面更易解读))

1.自动化的UI管理(界面和显示数据的变化保持同步。他在数据和界面之间构造了一个联合层,把数据的变化转化成一些列事件,开发者只需要根据事件去转换界面的状态,这样大大缓解数据和界面之间的逻辑耦合度)

2.更高效的dom操作(为了提升效率,它在内存中保存了一个virtualDOM的数据结构,VD变化之后会缓存起来然后跟浏览器dom进行对比后再改变)