You are here
wap前端中，选择jquery还是zepto？
星期六, 2016-09-17 16:28 — adminshiping1
有的人说zepto的体积小，速度快。但同样有的人说，现在4g时代到来了。用户不会在意80k的差别的。。
额，问题有点点的逗~
你要先搞清楚 Zepto 和 Jquery 的区别啊，你要根据你的需要来选择啊，而不是看那个k数小啊~
虽然 Zepto 号称是简版的 Jquery ，但是功能上还是有差距的，所以我不知道你纠结的到底是什么啊，看你的描述是体积小，而选择 Zepto 好好笑~
如果 Zepto 能满足你的开发需求，当然选择 k 数小的啊~
虽然我们费劲思量节省的那么几K， 被设计师一个图片秒杀，但是你知道的，你要去影响设计师，让他们理解性能上的东西。
我觉得用什么都没有关系，有人推荐 KISSY 那你知道 KISS 的意思么？
Kiss = Keep It Simple Stupid
来自 http://www.zhihu.com/question/25626233/answer/31478523
你要先搞清楚 Zepto 和 Jquery 的区别啊，你要根据你的需要来选择啊，而不是看那个k数小啊~
虽然 Zepto 号称是简版的 Jquery ，但是功能上还是有差距的，所以我不知道你纠结的到底是什么啊，看你的描述是体积小，而选择 Zepto 好好笑~
如果 Zepto 能满足你的开发需求，当然选择 k 数小的啊~
虽然我们费劲思量节省的那么几K， 被设计师一个图片秒杀，但是你知道的，你要去影响设计师，让他们理解性能上的东西。
我觉得用什么都没有关系，有人推荐 KISSY 那你知道 KISS 的意思么？
Kiss = Keep It Simple Stupid
来自 http://www.zhihu.com/question/25626233/answer/31478523
2015-06-30 15:54 最佳答案
zepto主要用在移动设备上，只支持较新的浏览器，好处是代码量比较小，性能也较好。 jquery主要是兼容性好，可以跑在各种pc，移动上，好处是兼容各种浏览器，缺点是代码量大，同时考虑兼容，性能也不够好。 jq自身也注意到了这个总是，所有它的2.x版本是不支持ie6 7 8的，大致就是这些。
其他回答
1. Zepto 对象 不能自定义事件
例如执行： $({}).bind('cust', function(){});
结果： TypeError: Object has no method 'addEventListener'
解决办法是创建一个脱离文档流的节点作为事件对象：
例如： $('
').bind('cust', function(){});
2. Zepto 的选择器表达式: [name=value] 中value 必须用 双引号 " or 单引号 ' 括起来
例如执行：$('[data-userid=123123123]')
结果：Error: SyntaxError: DOM Exception 12
解决办法： $('[data-userid="123123123]"') or $("[data-userid='123123123']")
3.Zepto 是根据标准浏览器写的，所以对于节点尺寸的方法只提供 width() 和 height()，省去了 innerWidth(), innerHeight(),outerWidth(),outerHeight()
4.Zepto 的each 方法只能遍历 数组，不能遍历JSON对象
5.Zepto 的animate 方法参数说明 ：
例如：$("data-userid='123123123'").animate({ opacity : 0},{duration:'slow'});
duration : 'slow' 是无效的，需要修改为 duration : 600
来自 http://zhidao.baidu.com/link?url=XkEyBWMqMIC9SrFIEQalBfEj2wJgpS3K2fvwdYrV7bTuQ6WRwkVkyTOBPDiIX2-ZLdR...
例如执行： $({}).bind('cust', function(){});
结果： TypeError: Object has no method 'addEventListener'
解决办法是创建一个脱离文档流的节点作为事件对象：
例如： $('
').bind('cust', function(){});
2. Zepto 的选择器表达式: [name=value] 中value 必须用 双引号 " or 单引号 ' 括起来
例如执行：$('[data-userid=123123123]')
结果：Error: SyntaxError: DOM Exception 12
解决办法： $('[data-userid="123123123]"') or $("[data-userid='123123123']")
3.Zepto 是根据标准浏览器写的，所以对于节点尺寸的方法只提供 width() 和 height()，省去了 innerWidth(), innerHeight(),outerWidth(),outerHeight()
4.Zepto 的each 方法只能遍历 数组，不能遍历JSON对象
5.Zepto 的animate 方法参数说明 ：
例如：$("data-userid='123123123'").animate({ opacity : 0},{duration:'slow'});
duration : 'slow' 是无效的，需要修改为 duration : 600
来自 http://zhidao.baidu.com/link?url=XkEyBWMqMIC9SrFIEQalBfEj2wJgpS3K2fvwdYrV7bTuQ6WRwkVkyTOBPDiIX2-ZLdR...
普通分类: