JQuery逐渐退出前端历史舞台？

欢迎关注个人公众号

现在各大技术论坛经常有类似的问题出现，PHP是否过时了，JQuery是否已经被淘汰？前段时间GitHub宣布改版，并且放弃了JQuery依赖，而且发布文章详细的解释了为什么放弃JQuery。这里贴下GitHub英文原版文章：

https://github.blog/2018-09-06-removing-jquery-from-github-frontend/

正如GitHub文章里面所说，在JQuery发展鼎盛时期为什么会被广泛使用呢？我觉得主要有以下几个原因：

当时没有标准的方法来通过css选择器查询DOM元素。

当时没有标准的方法来实现动画的视觉效果。

IE的XMLHttpRequest接口存在浏览器的兼容问题。

而JQuery使得开发人员操作DOM元素、实现动画效果以及发起ajax请求变得很简单，所以JQuery从中脱颖而出，最重要的一点是JQuery对于浏览器的兼容问题处理的比较到位。那为什么GitHub这样的公司都会逐渐把JQuery慢慢剥离呢？因为现在web标准越来越完善，我们使用JQuery的API的时候会习惯性与标准API进行比较，我们可以随便举几个例子：

$(selector)完全可以使用querySelectorAll()进行替代。

css类名切换可以使用Element.classList.

css现在支持在样式表实现动画。

发起ajax请求完全可以使用axios替代，并且性能更高。

addEventListenner监听支持跨平台使用。

随着JavaScript的高速发展，JQuery提供的语法糖变得越来越多。

也就是说，我们一直以来依靠JQuery来做的事情，现在通过原生JS完全可以做到的。JQuery具有独特的链式语法和短小清晰的功能接口，具有灵活的css选择器，而且在浏览器兼容处理做的非常好，而不用管原生JS是否会支持，这就是JQuery在前端领域一直备受重视的原因。很多开发者现在更倾向于使用三大现代框架Vue/React/Angular进行前端开发，Vue这种现代框架有什么优点呢？最显著的特点应该就是：

现代框架为了性能也为了代码便于维护，开发者无法直接操作DOM树。

框架会维护一个virtual DOM，组件有进行改动自动渲染DOM到页面中，所以我们使用Vue之类的框架我们只需要关心如何去实现组件，如何处理请求数据，不用和JQuery去对DOM元素进行操作了，大大简化了开发者的工作量。但是我们可以发现三大现代框架相比较JQuery存在着一个显著的缺点：

使用三大现代框架进行前后端分离开发，对搜索引擎SEO不友好。

搜索引擎SEO的原理是通过URL，获取网页源代码进行解析。如果我们使用现代框架进行开发实现数据渲染，SEO最终获取到的是模型界面而不是数据渲染界面。当然，业界都会提供对应的解决方案，比如我拿vue做示例，一般有三种解决方案：

页面预渲染

服务端渲染路由

采用 H5 history模式

那我们现在再次提出这个问题：JQuery会最终退出前端的历史舞台么？我们不得不先说的是JQuery目前存在几个比较显著的缺点：

JQuery项目过去庞大，有很多实际无用的的功能存在。

所以存在着很多精简版的JQuery项目。

JQuery全是对DOM元素进行操作，一旦改动页面结构，解耦性太紧，一般都需要大幅度改动。

无法避免大量拼写html字符串的操作。

无法从根本上解决XSS攻击隐患。

虽然官方不愿承认，而且一直促使JQuery跟随潮流往MVVM概念进行更新，甚至制定了移动端定制库，但是依旧越来越多的项目抛弃了JQuery。但是我觉得JQuery是不可能完全过时的，JQuery的开发思想是永远不会过时的。JQuery能在前端领域被广泛使用十来年，绝对不是偶然因素。因为JQuery的选择符，API，浏览器间兼容，DOM元素的处理，这些都有实际存在的强大的应用。所以说我们依然要学习JQuery的思想，可以对我们写代码以及封装库起到一定的帮助。为何会对我们写代码和封装库起到帮助呢，我可以举个例子给大家看看：

如果我们使用原生JS实现按钮监听，我们可能需要这样：

但是如果使用JQuery，我们可以把逻辑简化成几行代码：

        我们可以发现，JQuery的代码可读性非常强。我们平时写代码就可以学习JQuery的思想尽可能去设计优雅的API。很多人就是不会自己设计优雅的API，只懂得一直调用框架提供的功能，所以技术水平一直被局限。

        JQuery被GitHub移除所有的依赖，但是并没有选择使用任何现代化框架，而是选择用原生JS去重构。所以，从这件事来判定JQuery已经过时是不对的。我们应该以这样的眼光去看待：现在web标准越来越完善，而且越来越多的优秀框架不断涌现，不再是JQuery一枝独秀的时代了。我们准备开发一个项目时我们会更多开始用JQuery是否适合？如果项目涉及很多动态数据渲染，我们用JQuery可能会是更合适的选择。如果需要频繁的对DOM元素进行增删改查，可能我们会偏向于选择Vue之类的现代框架。用MVVM我们只需要操作数组，非常的方便。反之JQuery各种操作DOM，各种html字符串拼接，我相信没几个人会不感到厌倦的。

        使用现代框架进行前后端分离开发，一般前后端协作都是以CORS跨域的方式进行协作开发。后端开放权限，前端发起请求。但是如果涉及不得不用JSONP的时候，现代框架处理是比较麻烦的，而这种情况下我们使用JQuery的ajax请求是非常方便的。

        我对技术没有偏见，随着时代的发展，JQuery的市场占有率越来越少，也许有一天真的完全被抛弃。但是它也在不断去除自身的糟粕，而JQuery的精华有些也演化成了Web标准。短期内JQuery还不会退出历史舞台，目前网站里面至少有90%目前还依赖着jQuery，这个逐步退出的过程还会持续很多年。当然这也改变不了它最终的宿命，jQuery很好地完成了前端发展的历史使命，精华部分被JS标准吸收，前端开发也过了纯操作DOM的年代，程序员可以更好地专注于业务逻辑，这代表时代是在向前发展，对于开发者来说其实是一件好事。

        如果喜欢我的文章，欢迎关注我的个人公众号：周先生自留地