在当下, 很多互联网公司都开始转而用 React 框架来完成前端页面的开发, 而不是使用 jQuery, 这大部分是因为 jQuery 复杂的操作 Dom 层会使得整个前端 view 变得越发的复杂和难以理解, 相当的难以修改和移植. 那么本篇就给大家介绍一下 React 和 jQuery 到底有什么区别吧.
首先我们要注意的是, 虽然我们这里把 React 和 jQuery 拿到一个台面上来说, 但是这两者是有本质区别的.
React 是一个 UI 库, 但是 jQuery 更多的是一个工具库或者说是插件库, 我们之所以把这两者谈到一起, 只是因为这里说的更多的是这两者在编程思想上的不同而已.
然后, 最明显的就是对 Dom 操作的不同了.
Reactjs 是提供了一整套的 vistualDom, 也就是虚拟 Dom 的, 所有的操作都在这个虚拟的 Dom 上而并非真实的 Dom,React 默认这个真实的 Dom 是不会被改变的, 被改变的只有虚拟的 Dom, 然后通过这个虚拟的 Dom 来对真实的 Dom 进行渲染.
但是 jQuery 在这一点上就和 react 恰恰相反了, jQuery 操作的恰恰是真实的 Dom, 它处理事件的处理方式就是用选择器筛选出需要改变的 Dom 元素, 或者直接对某个 Dom 元素进行监听. 最后来直接改变我们的真实 Dom 来达到预期的结果.
React 本身是没有制作 Ajax 的, 对于后台连接使用单纯的 fetch 不习惯的朋友, 也是完全可以使用 jQuery 的 Ajax 功能的, 不要总听信某些领导说 react 中就完全不需要使用 jQuery 什么的, 只是别用操作 Dom 的内容和, 确保整体架构的稳定性和一致性, 就可以了.
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/16458.html