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

有人可以请我解释一下,我怎样才能以noob友好的方式为Zepto.js(为了包括触摸支持)做不同的构build,因为我无法在Internet上的任何地方find详细的说明。

Solutions Collecting From Web of "如何在一个页面上运行Zepto.js的多个版本?"

这应该工作,就像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不需要被“编译”。 它只需要放置到一个variables,如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之前加载了这些库,就不会破坏$ binding。 否则,你仍然会被覆盖。

testing

也检查了这一点: 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进行了testing,结果如下:

Jeesh / ID

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

jQuery / ID

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

Zepto / ID

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

Jeesh /上课

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

jQuery /类

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

Zepto /类

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