1.针对移动端程序,Zepto有一些基本的触摸事件可以用来做触摸屏交互(tap事件.swipe事件),Zepto是不支持IE浏览器的. 2.DOM操作的区别:添加id时jQuery不会生效而Zepto会生效 3.事件触发的区别:使用jquery时load事件的处理函数不会执行:使用zepto时load事件的处理函数会执行 4.width() 与 height()的区别:zepto由盒模型(box-sizing)决定,用.width()返回赋值的width,用.css('width')返回bord…

jquery和zepto的扩展方法extend 总结下jQuery(3.1.1)和zepto(1.1.6)到底是如何来开放接口,使之可以进行扩展,两者都会有类型判断,本文使用简单的类型判断,暂不考虑兼容. 类型判断 var class2type = {},toString = class2type.toString,$={}; //判断类型 function type(obj) { return obj == null ? String(obj) : class2type[toString.ca…

HBuilder有通行的js扫描分析提示,大部分js库都可以方便的提示.但js是一门超级灵活的语言,通行分析有时分析的不够完美,如果对框架做单独优化配置,可以有更好的提示.DCloud官方对jquery.zepto.angular.bootstrap.微信JS SDK和MUI等框架专门做了优化.但js框架太多,而我们精力有限,所以我们也提供了扩展方案,大家可以一起来完善js框架的优化提示. 官方优化的js库的提示挂载方法:使用jquery.mui等框架,如果工程下存在标准的框架文件,或者HTML…

jQuery和Zepto是我比较常用的插件.其实用法差不太多,可以说Zepto是jQuery的轻量级替代品,但是不要认为Zepto就没有jQuery好用,因为Zepto有jQuery没有的功能,就是移动端上的各种事件,比如左切,右切,上切,下切,双击和长按等,这些都是jQuery所没有的.不过Zepto的兼容性就没有jQuery好了,因为Zepto在开发者的沈思熟虑中不在兼容低端的浏览器.不过我们可以在使用Zepto时将jQuery做为后备,不过它俩的API并不是完全兼容的,这点我们需要注意一下…

解决jquery与zepto等其它库冲突兼容的问题;(function ($) {    }) (jQuery); ;(function ($) {    }) (Zepto); 在Bootstrap源码(具体请看<Bootstrap源码解析>)和其他jQuery插件经常看到如下的写法: +function ($) {         }(window.jQuery);…

jQuery 由于强大的生命力基本上是一个事实标准,所以大部分工具 lib 在 DOM 操作.动画等功能上或多或少都会是 jQuery-like 的. Zepto 的 API 就是完全兼容 jQuery 的,功能上 Zepto 是 jQuery 的子集, ·定位上 jQuery 桌面为主 ·Zepto 则从一开始就定位移动设备, 所以体积方面有一定优势.也就是说如果你只用了 jQuery 很少且都是核心的功能,比如选择器等,那么可以在不改动任何业务代码的情况下把 lib 切换到 Zepto--其…

相同点 相同点: zepto: 是jquery 的 阉割版 是为移动端开发的库 jQuery的轻量级替代品.文件大小比较小 只有8k左右 ,是目前功能库中最小的一个,尽管不大,zepto 所提供的工具足以满足开发程序的需要,大多数在jquery中常用的API和方法Zepto 都有,Zepto 和API大部分都能和jquery兼容 所以用起来和jquery差不多 jQuery: 主要用于PC端的页面开发,jquery 是目前最流行的javascript 框架,它能兼容市面上主流的浏览器,插件也是相…

一,同: Zepto最初是为移动端开发的库,是jQuery的轻量级替代品,因为它的API和jQuery相似,而文件更小.Zepto最大的优势是它的文件大小,只有8k多,是目前功能完备的库中最小的一个,尽管不大,Zepto所提供的工具足以满足开发程序的需要.大多数在jQuery中·常用的API和方法Zepto都有,Zepto中还有一些jQuery中没有的.另外,因为Zepto的API大部分都能和jQuery兼容,所以用起来极其容易,如果熟悉jQuery,就能很容易掌握Zepto.你可用同样的方式重…

特殊操作下,项目中同时引入这两个文件时,往往会有些冲突,应该加一句代码避免冲突 <script src="~/js/jquery-2.1.4.js"></script> <script>jQuery.noConflict()</script> <script src="~/js/zepto.min.js"></script> 1 2 3 1 2 3 加这句 <script>jQuer…

1.width()/height() Zepto.js: 由盒模型(box-sizing)决定 jQuery: 忽略盒模型,始终返回内容区域的宽/高(不包含 padding.border) jQuery 官方的说明: Note that .width() will always return the content width, regardless of the value of the CSS box-sizingproperty. As of jQuery 1.8, this may re…