4

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

4

1 回答 1

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 只会将 $ 全局设置为自身。没有 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%
于 2013-03-24T20:18:05.297 回答