求扫盲：关于jQuery、React、Vue三个库的疑惑

Question

我是一个JavaScript技术不太纯熟的开发者，但我接触这项技术的时间算起来块6年了，近2年由于React和Vue这2个库的流行，使我开始怀疑自己了...难道我没弄明白？

网络上很多人在议论jQuery是旧时代方案，但我也有去了解过React和Vue这两个库呀，最终我得出的结论是某些特定应用场景，还是感觉jQuery会比其他库方便很多。

例如：我只需要写个轮播图、选项卡之类的，我始终还是感觉jQuery方便太多了，再不行我直接原生语法去写也没啥问题呀，为啥那么多人把用jQuery视为技术很Low呢？并且和React/Vue这2个库对比。

感觉喷jQuery的好多都说React和Vue性能高，但实际情况不就是有个虚拟DOM吗？在用户层面的体验来说都是毫秒级的差距，我不觉得这个是特别严重的性能问题呀，如果真是什么大问题jQuery也能轻松实现呀。

至于哪些说jQuery影响了前端技术发展的言论，这个我到表示部分认同部分反对，认同的部分是他有一些对原生API的抽象封装，不认同的部分是jQuery让人更快学会JavaScript，并且他帮我们处理了很多要命的兼容问题。

结语：我一直认为React和Vue是前端的数据流控制工具，主要完成从接口获得数据并展示到浏览器的工作，更直接点主要功能应该是数据调度(模板渲染)，为跨终端应用提供了一份便捷的数据展示方案。为啥那么多开发者将这2个库描述的无所不能一样呢，难道我的理解存在问题吗 ?

2018最后1问，愿你我共同进步，请大家指教下。

Answer 1

先祝大家新年快乐，感谢参加讨论的朋友，为了让哪些喷子住嘴，我还是自己总结下吧。网页特效含小规模DOM操作场景下，还是jQuery或原生语法更合适些，特别是现在的3.x系列体积很小了，实在不行的话Zepto也可以。

而大量DOM操作用JS做视图控制的场景下，React和Vue具有一定优势（新的技术、设计模式），这使得性能和开发效率得到一定提升。最主要是这个时代的组件化开发模式，使得团队协作（项目维护）变得更容易，React和Vue这类库提供了组件化更优实现。

与君共勉

Answer 2

任何一个大佬都不敢说 jQuery 是 "low" , 最多只是 "过时",

过时是真的过时, jquery 是 web 2.0 时代的王者,

抛开兼容性问题(反正远古浏览器早晚会被淘汰的),你说的 轮播图、选项卡 用 ES6 可以写出很精致的代码, 用class 可以很好地将这些玩意封装成可复用组件,使用 jquery 只会拖性能的后腿,

目前,大型项目我选择 webpack + react , 小页面(特别是移动端)我选择原生, 只有修改老项目的时候,我才会用到 jquery

Answer 3

不知道楼主从哪看到的说 jQuery 很 Low , 我不敢评价三个哪个好哪个不好 哪个 low ,因为我没写框架和库, 但是jquery 就是跨了一个时代 方便了前端 . 还有 jquery 直接操作 dom , 其他两个框架虚拟 dom, 是因为简单情况下我们直接操作 dom 更方便, 但是虚拟 dom 可以让 web 应用更复杂. jquery 是可以做大型应用 (原生 js 一样可以), 但是这复杂了工作, 我们工作是为了简单, 所以哪个适合自己, 哪个简单用哪个, 杀鸡用牛刀也是一个道理, 可以用 但是累.

Answer 4

我维护过一个digiwork的项目，
平均每页js数量10-15个。
至少JS2000起步。
单页应用早期使用。
每改一个需求，
15小时起步。
直到我建议使用backbone之后。
JS数量40+，
单JS 200-500行

Answer 5

jquery是库，其他两个是框架，库和框架是不一样的,我觉得放在一起比没什么意义。我只是一个前端渣。

Answer 6

我不认为jq过时，使命不同，不存在谁替代谁。只不过vue等框架使用的场景范围更广一些。
比如做复杂的特效并且兼容低版本ie，应该jq更合适一点吧。做oa类的数据性的网站，显然mvvm会好一点。

Answer 7

谈不上过时，是应用的领域不同，vue和react是框架层，它们并不排斥jq库，
框架主要是方便的生成dom对象，特别是依据一定的规则实现数据对象向可显示的dom对象转换生成时，框架更方便，jq库的强项是操作dom对象，
基于这样的特性，所以你会产生有时jq库很方便，因为你的应用仅仅是简单的操作dom对象。

Answer 8

框架结合了很多编程思想，
结合，数据，清晰的思路，组合出来的。
是开发大型应用，含有复杂逻辑的优秀解决方案。
从现代前端角度出发，如果页面需要可维护性，安全，易扩展。不需要太好的seo。现代框架是必须要上的。
如果是活动页面，图书性质。博客等。少量交互。jq还是非常快的。

Answer 9

jQuery 在 2.0 以后的版本也去除了对低版本 IE 的支持

jQuery 的选择器可以用 document.querySelector() 代替，其他也有可替代的方案。

至于轮播图、选项卡，用 react 或者 vue 可以很方便的和其他项目结合，还是比 jQuery 可维护性强一点的。

我觉得在需要大量处理浏览器兼容问题的时代，jQuery 是非常方便的，但是现在 jQuery 有点高不成低不就的意思。

倒不是说 jQuery low，说这种话没意思。只是个人觉得没什么用 jQuery 的必要。

当然，具体问题具体分析，如果公司项目确定了用 jQuery ，也还是可以的。

Answer 10

回答这个问题需要从React的起源开始：

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

那么这个问题实际上是：

我们为什么要用MVC软件设计模式？

MVC模式的优点：

耦合性低

视图层和业务层分离，这样就允许更改视图层代码而不用重新编译模型和控制器代码，同样，一个应用的业务流程或者业务规则的改变只需要改动MVC的模型层即可。因为模型与控制器和视图相分离，所以很容易改变应用程序的数据层和业务规则。
模型是自包含的，并且与控制器和视图相分离，所以很容易改变应用程序的数据层和业务规则。如果把数据库从MySQL移植到Oracle，或者改变基于RDBMS数据源到LDAP，只需改变模型即可。一旦正确的实现了模型，不管数据来自数据库或是LDAP服务器，视图将会正确的显示它们。由于运用MVC的应用程序的三个部件是相互独立，改变其中一个不会影响其它两个，所以依据这种设计思想能构造良好的松耦合的构件。

重用性高

随着技术的不断进步，需要用越来越多的方式来访问应用程序。MVC模式允许使用各种不同样式的视图来访问同一个服务器端的代码，因为多个视图能共享一个模型，它包括任何WEB（HTTP）浏览器或者无线浏览器（wap），比如，用户可以通过电脑也可通过手机来订购某样产品，虽然订购的方式不一样，但处理订购产品的方式是一样的。由于模型返回的数据没有进行格式化，所以同样的构件能被不同的界面使用。例如，很多数据可能用HTML来表示，但是也有可能用WAP来表示，而这些表示所需要的命令是改变视图层的实现方式，而控制层和模型层无需做任何改变。由于已经将数据和业务规则从表示层分开，所以可以最大化的重用代码了。模型也有状态管理和数据持久性处理的功能，例如，基于会话的购物车和电子商务过程也能被Flash网站或者无线联网的应用程序所重用。

生命周期成本低
MVC使开发和维护用户接口的技术含量降低。

部署快
使用MVC模式使开发时间得到相当大的缩减，它使业务程序员集中精力于业务逻辑，界面程序员集中精力于表现形式上。

可维护性高
分离视图层和业务逻辑层也使得WEB应用更易于维护和修改。

有利软件工程化管理
由于不同的层各司其职，每一层不同的应用具有某些相同的特征，有利于通过工程化、工具化管理程序代码。控制器也提供了一个好处，就是可以使用控制器来联接不同的模型和视图去完成用户的需求，这样控制器可以为构造应用程序提供强有力的手段。给定一些可重用的模型和视图，控制器可以根据用户的需求选择模型进行处理，然后选择视图将处理结果显示给用户。

MVC模式的缺点：

没有明确的定义
完全理解MVC并不是很容易。使用MVC需要精心的计划，由于它的内部原理比较复杂，所以需要花费一些时间去思考。同时由于模型和视图要严格的分离，这样也给调试应用程序带来了一定的困难。每个构件在使用之前都需要经过彻底的测试。

不适合小型，中等规模的应用程序
花费大量时间将MVC应用到规模并不是很大的应用程序通常会得不偿失。

增加系统结构和实现的复杂性
对于简单的界面，严格遵循MVC，使模型、视图与控制器分离，会增加结构的复杂性，并可能产生过多的更新操作，降低运行效率。

视图与控制器间的过于紧密的连接
视图与控制器是相互分离，但却是联系紧密的部件，视图没有控制器的存在，其应用是很有限的，反之亦然，这样就妨碍了他们的独立重用。

视图对模型数据的低效率访问
依据模型操作接口的不同，视图可能需要多次调用才能获得足够的显示数据。对未变化数据的不必要的频繁访问，也将损害操作性能。

一般高级的界面工具或构造器不支持模式
改造这些工具以适应MVC需要和建立分离的部件的代价是很高的，会造成MVC使用的困难。

各大前端社区关于框架的热门问题基本都是以上总结的低配或者魔改版

所以啊，还是要提高姿势水平

来源百度百科：MVC框架

Answer 11

虽然说原理上讲库和框架都一样，到还是有本质的区别，jq只是个类库拿来和框架比没什么太大的意义，现代前端项目至少也要用一门框架吧，这是提升开发效率

Answer 12

其实部分原因是取悦开发者，便于项目维护。

Answer 13

不同的应用场景 选用不同的库

Answer 14

jQuery并不“low”，随着互联网时代不断的发展，网站的逻辑越来越复杂，jQuery已经很难满足复杂的web开发，而且很难维护，所以Vue等框架应时代而生，解决jQuery很难解决的问题，考虑了以前开发的问题现在出现的问题，将来可能出现的问题。