如何在一个页面上运行多个版本的Zepto.js?

时间:2013-03-24 20:07:04

标签: javascript node.js zepto

有人可以解释一下我怎样才能以一种noob友好的方式为Zepto.js(为了包括触摸支持)制作不同的版本,因为我无法在互联网上的任何地方找到详细的说明。

1 个答案:

答案 0 :(得分:5)

这应该有效,就像jQuery一样:

<script src="zepto1.0.js"></script>
<script>
    var zep10 = window.Zepto;
</script>

<script src="zepto0.8.js"></script>
<script>
    var zep08 = window.Zepto;
</script>

Zepto不需要“编译”。它只需要放入变量,如jQuery和MooTools默认进入$。如果您愿意,也可以将最常用的Zepto版本设置为$

<script src="zepto1.0.js"></script>
<script>
    var $ = window.Zepto;
</script>

当然,您需要从那时起触发这些对象的命令。

对于版本1.0,您只需使用正常的$.()操作即可。但对于版本0.8,您可以使用zep08.()来调用操作。

注意

从Zepto主页(http://zeptojs.com):

  

如果尚未定义,Zepto将仅将$ global设置为自身。没有Zepto.noConflict方法。

因此,如果您已经加载了jQuery或MooTools,它将不会破坏$绑定,只要您在Zepto之前加载这些库。否则你仍然会被覆盖。

<强>测试

同时检查一下:http://jsperf.com/qwery-vs-jquery-vs-mootools-selector-engines/11。在Chrome和Safari上,jQuery从Zepto获得了巨大的成功。因此,使用Zepto可能会有一个较轻的“初始加载”,但似乎jQuery在性能方面取胜。

我已在Safari 6.0.3 on Mac OS X 10.8.3上对这些结果进行了测试:

Jeesh / ID

  • 杰什( “#N-内容”);
  • 40,136 | ±3.78%|慢了95%

jQuery / ID

  • 的jQuery( “#N-内容”);
  • 765,799 | ±4.36%|最快

Zepto / ID

  • 的Zepto( “#N-内容”);
  • 348,956 | ±4.89%|慢了55%

Jeesh /上课

  • 杰什( “firstHeading”);
  • 40,748 | ±3.96%|慢了95%

jQuery / class

  • 的jQuery( “firstHeading。”);
  • 306,591 | ±4.31%|慢了60%

Zepto / class

  • 的Zepto( “firstHeading。”);
  • 284,822 | ±3.92%|慢了63%