Zepto和jQuery 2有什么不同？

Question

有两个类似的项目：

Zepto.js

jQuery是一个面向现代浏览器的最低限度的JavaScript库，它与jQuery很大程度上兼容。

jQuery 2.0

HTML2.0测试版:这是您未来的体验，一个可以更快、更小而不需要支持IE6、7或8的jQuery。它是特定于平台的jQuery应用程序的绝佳选择。

这仅仅是关于性能，还是他们采用了不同的方法？

Answer 1

Zepto.js和jQuery之间的主要区别是它们各自的文件大小是Zepto.js的~20kb (缩小，而不是gzipped)而不是jQuery的~80kb，以及zepto.js的~10kb (缩小，Gzipped)而不是jQuery的~30kb。此外，Zepto对IE<10等浏览器的支持不是缺少就是没有保证，its target platforms是：

基于(desktop)

• Chrome (desktop)

• Mozilla WebKit的Safari

• Android Browser

• Other Browser

• BlackBerry Tablet OS Browser

• Amazon
• Safari Browser
• BlackBerry Browser
• Amazon
  • 5+ 5+ 4+
  • iOS 4+ 2.2+ 1.4.5+
  • iOS 4+2.2+1.4.5+WebKit Opera Internet Explorer <5+>F225

Answer 2

jquery 2和zepto压缩后的大小分别为30kb和10kb。jquery 2没有压缩但缩小了，大约80kb，zepto大约30kb。

使用分析程序来检查您网站的受众。如果你的用户中有很大一部分人在使用IE9，那么你就需要jquery，而zepto就不能正常工作了。如果超过几个百分点的用户使用IE8或更低的版本，并且你不能让他们在没有你的站点的情况下束手无策，你将需要使用jQuery1。如果你的目标是最后一个，我很抱歉--许多新的闪亮的玩具对你不起作用。

如果你正在为android/ios/phonegap等构建一个html5应用，那么你主要针对的是webkit，所以zepto确实为你节省了大量的空间。zepto存在的主要洞察力和原因是，当只在webkit平台上运行时，许多jquery的跨平台解决方案都是不必要的。

Zepto还添加了几个触摸事件处理程序来协助移动开发，但这主要是页面权重与平台支持之间的关系。

Answer 3

这是一个有点老的问题，但我想增加性能。据我所知，Zepto的表现比jQuery更好。

此jsPerf显示不同的结果。与Zepto相比，我可以使用jQuery的类选择(单个元素) 137%，对于ID选择，我可以使用jQuery的285%。

考虑到大多数应用程序，这是一个巨大的问题，DOM交互是唯一重要的性能统计数据(网络请求除外)。

另外，看看性能，我可以看到我可以像jQuery一样频繁地使用document.getElementsByClassNAme 8326%，所以如果可能的话，我们都应该放弃所有这些:-)