首页 > 软件开发 > JQUERY >

浅谈React和JQuery的区别

来源:互联网 2023-03-17 00:46:27 版权归原作者所有,如有侵权,请联系我们

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

浅谈React和JQuery的区别o6T办公区 - 实用经验教程分享!

工具/原料

  • 可以用于前端开发的浏览器
  • 文本编辑器

方法/步骤

  • 1

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

    浅谈React和JQuery的区别o6T办公区 - 实用经验教程分享!

  • 1本页面未经授权抓取自百度经验
  • 2

    首先最明显的就是对Dom操作的不同了,Reactjs是提供了一整套的vistualDom,也就是虚拟Dom的,所有的操作都在这个虚拟的Dom上而并非真实的Dom,React默认这个真实的Dom是不会被改变的,被改变的只有虚拟的Dom,然后通过这个虚拟的Dom来对真实的Dom进行渲染。o6T办公区 - 实用经验教程分享!

    浅谈React和JQuery的区别o6T办公区 - 实用经验教程分享!

  • 3

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

    浅谈React和JQuery的区别o6T办公区 - 实用经验教程分享!

  • 4

    但是我们需要注意的是,React本身是没有制作ajax的,对于后台连接使用单纯的fetch不习惯的朋友,也是完全可以使用jQuery的 ajax功能的,不要总听信某些领导说react中就完全不需要使用jquery什么的,只是别用操作Dom的内容和,确保整体架构的稳定性和一致性,就可以了。o6T办公区 - 实用经验教程分享!

    浅谈React和JQuery的区别o6T办公区 - 实用经验教程分享!

  • 5

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

    浅谈React和JQuery的区别o6T办公区 - 实用经验教程分享!

  • 6

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

  • 注意事项

    • React中无比切记不要使用JQuery来操作Dom
    • 简单业务逻辑下,JQuery的优势得天独厚

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!o6T办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号