react可以做什么?


本文摘自PHP中文网,作者青灯夜游,侵删。

react是一个JavaScript库,主要用于构建UI,可用于构建“可预期的”和“声明式的”Web用户界面;React能够构建那些数据会随时间改变的大型应用,并且能够提高开发效率。

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

React 是一个用于构建用户界面的JavaScript 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。

React可以用于构建“可预期的”和“声明式的”Web用户界面;React能够构建那些数据会随时间改变的大型应用,并且能够提高开发效率

你可以在React里传递多种类型的参数,如声明代码,帮助你渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。

React 特点

  • 声明式设计 ?React采用声明范式,可以轻松描述应用。

  • 高效 ?React通过对DOM的模拟,最大限度地减少与DOM的交互。

  • 灵活 ?React可以与已知的库或框架很好地配合。

  • JSX ? JSX是 JavaScript语法的扩展。React开发不一定使用 JSX,但我们建议使用它。

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

  • 单向响应的数据流 ? React 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。

React主要的原理

传统的web应用,操作DOM一般是直接更新操作的,但是我们知道DOM更新通常是比较昂贵的。而React为了尽可能减少对DOM的操作,提供了一种不同的而又强大的方式来更新DOM,代替直接的DOM操作。就是VirtualDOM,一个轻量级的虚拟的DOM,就是React抽象出来的一个对象,描述dom应该什么样子的,应该如何呈现。通过这个Virtual DOM去更新真实的DOM,由这个Virtual DOM管理真实DOM的更新。

为什么通过这多一层的Virtual DOM操作就能更快呢? 这是因为React有个diff算法,更新VirtualDOM并不保证马上影响真实的DOM,React会等到事件循环结束,然后利用这个diff算法,通过当前新的dom表述与之前的作比较,计算出最小的步骤更新真实的DOM。

最明显的一点好处就是React所谓的 dom diff ,能够实现delta级别的dom更新。当有数据变动导致DOM变动时,React不是全局刷新,而是通过它内部的dom diff 算法计算出不同点,然后以最小粒度进行更新。这也是React号称性能好的原因。

更多编程相关知识,请访问:编程入门!!

以上就是react可以做什么?的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

通过实例了解javascript数组方法slice()的使用方法

ios加载html5 audio标签时遇到的问题分享

javascript创建元素的方法(代码)

详解javascript中的内存管理

详解javascript中的padstart()和padend()方法

React中如何防范xss攻击?(代码示例)

javascript怎么设置元素文本内容

html和js实现简单的计算器

javascript和ajax的区别是什么

javascript怎么将字符串转小写

更多相关阅读请进入《React》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...