移动端是时候考虑抛弃jQuery了?

时间:2022-05-06
本文章向大家介绍移动端是时候考虑抛弃jQuery了?,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

jQuery确实非常有用,它的初衷就是为诸多浏览器提供统一的接口,避免书写各种条件语句判断当前环境

移动端已经被类似 Safari 和 Chrome 的 webkit 内核浏览器统治了,所以无需再抽象出统一的接口。反而是它庞大的体积,min版的也有90KB

现在很多人建议使用 Zeptojs 来代替,虽然它没有jQuery强大,但是压缩版只有25KB,因为 Zeptojs 拥有很多和 jQuery 一样的接口,代码编写非常方便

但是,Zepto的性能相比jQuery怎么样?

实际测试一下

<html>
<body>
<div id="test">test</div>
<!--分别打开jquery和zepto-->
<!--
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/zepto/1.1.1/zepto.min.js"></script>
<script>
//开始时间
startTime=new Date().getTime();
//执行10000次取节点的操作
for (var i = 0; i < 10000; i++) {
    $('#test');
};
//结束时间
endTime=new Date().getTime();
//执行需要时间
alert( endTime - startTime);
</script>
</body>
</html>

分别打开jquery和zepto各执行5次,结果:

zepto
24
26
27
24
26
jquery
10
11
7
9
9

可以看到,jquery的速度要比zepto快一倍左右了,是否要换掉jquery,就要综合考虑了