有人可以解释一下我如何以一种对新手友好的方式为 Zepto.js 制作不同的构建(为了包括触摸支持),因为我在互联网上的任何地方都找不到详细的说明。
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%