React和Jquery比较

Jquery的工作方式：

假如你需要给一个按扭添加一个点击事件。

首先根据CSS规则找到对应的dom元素，挂上一个匿名事件处理函数，在事件处理函数中，选中那个需要被修改的DOM元素，读取他的文本值，加以修改，然后修改这个dom元素。

优点：直观易懂。缺点：对于庞大的项目，会造成代码结构复杂，难以维护。

React的工作理念：

　　打一个比方， React是一个聪明的建筑工人，而 jQuery是一个比较傻的建筑工人，开发者你就是一个建筑的设计师，如果是 jQuery 这个建筑工人为你工作，你不得不事无巨细地告诉 jQuery“如何去做”，要告诉他这面墙要拆掉重建，那面墙上要新开一个窗户，反之，如果是 React这个建筑工人为你工作，你所要做的就是告诉这个工人“我想要什么样子”，只要把图纸递给 React这个工人，他就会替你搞定一切，当然他不会把整个建筑拆掉重建，而是很聪明地把这次的图纸和上次的图纸做一个对比，发现不同之处，然后只去做适当的修改就完成任务了。

　　React 的工作方式把开发者从繁琐的操作中解放出来，开发者只需要着重 “我想要显示什么”，而不用操心“怎样去做” 。利用声明式的语法，让开发者专注于描述用户界面“显示成什么样式”，而不是重复思考“如何去显示”。

缺点：对于一个简单的例子也要编写很多代码。

优点：避免构建复杂的程序结构，利用函数式编程的思维来解决用户界面渲染的问题，使开发效率大大提高。

　　　对于大型项目更易管理，整个 React 应用要做的就是渲染，开发者关注的是渲染成成什么样子，而不用关心如何实现增量渲染。

React 的理念，归结为一个公式: UI=render(data)

让我们来看看这个公式表达的含义，用户看到的界面( UI)，应该是一个函数(在这里叫 render)的执行结果，只接受数据( data)作为参数。这个函数是一个纯函数，所谓纯函数，指的是没有任何副作用，输出完全依赖于输入的函数，两次函数调用如果输人相同，得到的结果也绝对相同。如此一来，最终的用户界面，在 render 函数确定的情况下完全取决于输入数据。

对于开发者来说，重要的是区分开哪些属于 data，哪些属于 render，想要更新用户界面，要做的就是更新 data，用户界面自然会做出响应，所以 React实践的也是“响应式编程”( Reactive Programming)的思想，这也就是 React 为什么叫做 React 的原因。

转载于:https://www.cnblogs.com/huyanluanyu/p/10156473.html

React和Jquery比较相关推荐

react与jQuery对比,有空的时候再翻译一下
参考资料:http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-t ...
react+mobx+jquery构建大型工具项目经验总结
2019独角兽企业重金招聘Python工程师标准>>> 内容大纲: 1.功能介绍 2.技术架构 3.性能优化 4.细节分享 5.开源说明一.项目功能介绍很久没写过技术类的文章了, ...
从省市区多重级联想到的，react和jquery的差别
在我们的前端项目里经常会用到级联的select,比如省市区这样.通常这种级联大多是动态的.比如先加载了省,点击省加载市,点击市加载区.然后数据通常ajax返回.如果没有数据则说明到了叶子节点. 针对 ...
浅谈React与jQuery的思维差异
为什么越来越多的互联网公司都在转向React.js去开发前端组件,除了性能因素外,很大一部分原因是因为用jQuery去写很复杂的DOM操作,后期代码会变得越来越难维护.现在大部分的 Web APP 都 ...
web前端 vue、react、angular三大框架对比与jquery的对比
前端当前最火的三大框架当属vue.react以及angular了. 但是在做项目的时候,我们怎么去选择呢? 这里做一个比较,希望大家可以有一个比较清晰的认识. vue与react vue和react ...
react jquery_2019年React简介（面向仅了解jQuery的人们）
react jquery by Julien Benchetrit 通过朱利安·贝肯特里特 2019年React简介(面向仅了解jQuery的人们) (An Introduction to React ...
从零开始学习React——(十二)：React单项数据流和混用jQuery以及函数式编程
本节主要介绍一些理论性的东西:如 React单向数据流.React和其他框架一起使用和函数式编程. 1. 单向数据流 React的特性中有一个概念叫单向数据流.可以用上几节的Demo来说一下何为单向数 ...
深度调研前端框架Vue、React、Angular、jQuery，附参考模板！
前端交流企鹅:724396871 近两年前端各框架流行程度与趋势分析图1 上图显示了2016年10月至2017年10月的12个月期间,各个框架的绝对受欢迎程度及其增长情况.可以看出: ① Vue ...
sublime67linter-php,Sublime Text 3 搭建 React.js 开发环境
Sublime有很强的自定义功能,插件库很庞大,针对新语言插件更新很快,配合使用可以快速搭建适配语言的开发环境. 支持ES6, React.js, jsx代码高亮,对 JavaScript, jQue ...

React和Jquery比较

React和Jquery比较相关推荐

最新文章

热门文章