javascript - 如何在一页上运行多个版本的 Zepto.js？

Question

有人可以解释一下我如何以一种对新手友好的方式为 Zepto.js 制作不同的构建（为了包括触摸支持），因为我在互联网上的任何地方都找不到详细的说明。

Answer 1

这应该可以工作，就像 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 只会将 $ 全局设置为自身。没有 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("#n-contents");
• 40,136 | ±3.78% | 慢 95%

jQuery/ID

• jQuery("#n-contents");
• 765,799 | ±4.36% | 最快的

泽普托/ID

• Zepto("#n-contents");
• 348,956 | ±4.89% | 慢 55%

吉什/类

• Jeesh(".firstHeading");
• 40,748 | ±3.96% | 慢 95%

jQuery/类

• jQuery(".firstHeading");
• 306,591 | ±4.31% | 慢 60%

Zepto/类

• Zepto(".firstHeading");
• 284,822 | ±3.92% | 慢 63%