有人可以解释一下我怎样才能以一种noob友好的方式为Zepto.js(为了包括触摸支持)制作不同的版本,因为我无法在互联网上的任何地方找到详细的说明。
答案 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
jQuery / ID
Zepto / ID
Jeesh /上课
jQuery / class
Zepto / class