养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

浅谈React和JQuery的区别

时间:2024-10-23 21:29:41

在当下,很多互联网公司都开始转而用React框架来完成前端页面的开发,而不是使用JQuery,这大部分是因为JQuery复杂的操作Dom层会使得整个前端view变得越发的复杂和难以理解,相当的难以修改和移植。那么本篇就给大家介绍一下React和JQuery到底有什么区别吧。

浅谈React和JQuery的区别

工具/原料

可以用于前端开发的浏览器

文本编辑器

方法/步骤

1、首先我们要注意的是,虽然我们这里把React和JQuery拿到一个台面上来说,但是这两者是有本质区别的。React是一个UI库,但是JQuery更多的知识一个工具库或者说是插件库,我们之所以把这两者谈到一起,只是因为这里说的更多的是这两者在编程思想上的不同而已。

浅谈React和JQuery的区别

2、首先最明显的就鋈守踬痊是对Dom操作的不同了,Reactjs是提供了一整套的vistualDom,也就是虚拟Dom的,所有的操作都在这个虚拟的Dom上而并非真实的Dom,React默认这个真实的Dom块吧吨翘是不会被改变的,被改变的只有虚拟的Dom,然后通过这个虚拟的Dom来对真实的Dom进行渲染。

浅谈React和JQuery的区别

3、但是Jquery在这一点上就和react恰恰相反了,jQuery操作的恰恰是真实的Dom,它处理事件的处理方式就是用选择器筛选出需要改变的Dom元素,或者直接对某个Dom元素进行监听。最后来直接改变我们的真实Dom来达到预期的结果。

浅谈React和JQuery的区别

4、但是我们需要注意的是,React本身是没有制作ajax的,对于后台连接使用单纯擢爻充种的fetch不习惯的朋友,也块吧吨翘是完全可以使用jQuery的ajax功能的,不要总听信某些领导说react中就完全不需要使用jquery什么的,只是别用操作Dom的内容和,确保整体架构的稳定性和一致性,就可以了。

浅谈React和JQuery的区别

5、而Jquery之所以会在业务逻辑复杂的时候,变得难以理解以及相当臃肿,是因为它为了统一,把业务逻辑和我们的表面上的ui界面融合在了一起,改一个很容易动到另外一个,其中ui里面还夹杂着大量的交互逻辑,这就使得整个逻辑变得十分混乱。

浅谈React和JQuery的区别

6、最后,不得不说JQuery在当下的观立挛蛴互联网平台上的地位还是固若金汤的,即便他有这样或者那样的问题以及复杂佣甲昭宠性,但是作为刚开始入门互联网行业的人来说,JQuery可谓是一个非常简单而又实用的框架和工具了,但是当我们渐渐熟悉了这个框架以后,大家不妨取尝试一下React、vue等前端,使用原生js来写一些功能,这样对于大家的学习和理解,也是肯定有所帮助的。

© 一点知识