jQuery老矣，尚能饭否

韩冰发布于2019-05-22 19:25 / 2417人阅读

摘要：后现代的已经到了暮年，该退出浏览器的舞台了吗体积过大很多人诟病体积很大，占用资源很多，但是让我们来看一下最新的的大小。因为这就是个人写代码能力的问题了。。。。随着时代的发展，的市场占有率是越来越少，以后会不会完全被抛弃，这我不知道。

作者：陈大鱼头

github： KRISACHAN

发展历程

write less, do more -- John Resig

在2005年8月的某一天，有一位叫John Resig的美（guo）人，在blog上连发3个栗子公开怼了Prototype的Behaviour的代码冗长，在那之后没多久就开源了风靡全球的利器JQuery，还兼容了IE5.5，解决了开发者兼容性处理的心头大患，之后JQuery就一发不可收拾，很快就统一了整个浏览器世界...

随着时代的发展、各个浏览器逐渐趋向统一以及node的出现，兴起了许多现代化的工具，例如：react, vue, angularjs，webpack，gulp等可以解放开发者双手，加快开发效率的库与框架；并且浏览器端的API也日渐完善，ES6改革性的出现，JQuery的代替方案变得越来越多，也因此对JQuery不满甚至要完全废弃JQuery的声音也越来越多。

后现代的JQuery

JQuery已经到了暮年，该退出浏览器的舞台....了吗？

体积过大？

很多人诟病JQuery体积很大，占用资源很多，但是让我们来看一下最新的JQuery.min.js的大小。

事实上，最新的JQuery压缩完之后也就85KB，这点开销，在现代设备中都不是什么问题，移动设备4G甚至可以达到数MB每秒，PC端就更不用说了，所以说JQuery体积多大，占用多大资源这一条在一般情况下是不成立的！

DOM操作很麻烦？

有人说，dom操作太麻烦，还是用MV**框架直接操作数组来得快一些....

现在github已经移除了JQuery的依赖，但是并没有使用任何现代化框架，而是用原生JS去进行了重构，我个人认为，JQuery被github移除不能说明JQuery不中用了，只能说明是浏览器端API以及ECMAScript已经日渐完善了。

对于常规的DOM增删改查，在MV**里只需要操作数组，是比较方便，但是在JQuery里我们也可以用操作数据的思维去实现，封装好要处理的DOM结果，用观察者模式去监听数据源的变动从而更改DOM不一样也可以很快嘛？

面条式代码很丑？

一长串的链式调用，看着就很烦

这锅，JQuery是不背的。。。因为这就是个人写代码能力的问题了。。。。具体代码就不写了，在下面两节中大家自己判断吧......

跨域处理的优势

JQuery在跨域中发挥的作用

现代化的前后端协作通常都会以跨域的方式进行，一般方式都是CORS了，后端开好权限，按AJAX的方式去请求，真香~

但是，如果在一些不得已要用JSONP的场合，例如第三方SDK使用，现代的框架处理起来就比较难受了，这里用JQuery就很方便了

const getJSON = async () => {
    try {
        const res = await $.ajax({
            url,
            dataType: "jsonp",
            jsonp: "cb",
        });
    } catch (error) {
        // do something;
    };
};

单纯地用ES6 + JQuery也是可以很好的完成任务

动画处理

JQuery在动画处理上也发挥了很大的作用

虽然现在很多人写动画会用CSS3的属性，Web Animations API或者JSON去写，但是如果要写一些step的动画，用JQuery也是很好的选择

const step1 = () => $.when(
    dom1.animate({
        left,
        top
    }, delay),
    dom2.animate({
        width,
        height
    }, delay)
).promise();

const step2 = () => $.when(
    dom1.animate({
        left,
        top
    }, delay),
    dom2.animate({
        width,
        height
    }, delay)
).promise();

const move = async () => {
    await step1();
    dom1.delay(500);
    await step2();
};

其实这样也可以把动画写得很好看

后记

在我心里，JQuery永远是个王者

我对技术没有偏见，不管是JQuery也好，原生JS也好或者层出不穷的框架，都是工具，只要能好好的完成任务就是好技术。

随着时代的发展，JQuery的市场占有率是越来越少，以后会不会完全被抛弃，这我不知道。只是JQuery代表的是一个时代，是浏览器发展的见证者，也是我心目中的王者，虽然我以后也很有可能会完全弃用它，但是它在我心目中的地位是不变的！

JQuery，荣耀！

如果你、喜欢探讨技术，或者对本文有任何的意见或建议，你可以扫描下方二维码，关注微信公众号“鱼头的Web海洋”，随时与鱼头互动。欢迎！衷心希望可以遇见你。

云服务器 GPU云服务器尚能登录饭否网 jquery插件源码jquery jQuery$

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/6865.html

每日 30 秒 ⏱ H1 の小秘密

showImg(https://segmentfault.com/img/remote/1460000018747727?w=900&h=500); 简介 heading 标签、SEO、无障碍阅读 ps: 内容有点多，本来只想讲一个点，但是关联性太强了，所以辛苦大家了。在学习 HTML 标签的时候，很多教程只告诉你怎么用而没有讲清楚是什么，让我们一起从 h1 到 h6 开始重新认识 HTM...

blastz 2019-08-23 16:42 评论0 收藏0
Jquery ajax, Axios, Fetch区别之我见

摘要：我们都知道因为同源策略的问题，浏览器的请求是可能随便跨域的一定要有跨域头或者借助，但是，中可以设置为不跨域，如下所示这样之后我们会得到一个为的返回。免费帮忙内推阿里等各大IT公司的岗位，有兴趣可以带简历加微信angeltune 引言前端技术真是一个发展飞快的领域，我三年前入职的时候只有原生XHR和Jquery ajax，我们还曾被JQuery 1.9版本版本以下不支持大文件请求这个...

YanceyOfficial 2019-08-22 13:49 评论0 收藏0
【董天一】一场IPFS引领下的共享之风正在走向区块链

摘要：网络启动开启了一个共享的新时代，与实体经济的结合让项目变得更加有意义，区块链已经走向了我们。直到年，互联网和区块链终于从概念上走到了一起，就是这场流行起来的共享之风。风险当然，伴随着区块链项目的毫无疑问是高风险如影随形。作者简介：董天一 ,IPFS/Filecoin中国区技术布道人 ,《IPFS指南》作者。毕业于北京大学软件与微电子学院曾担任甲骨文亚洲研发中心（中国）数据库开发工程师...

褰辩话 2019-06-27 18:55 评论0 收藏0