精华内容
下载资源
问答
  • zepto

    2021-10-07 19:24:37
    Zepto是一个轻量级的针对现代高级浏览器的 JavaScript 库,它和 jquery类似的 api。如果你会用 jquery,那么你也会用 zepto。 与jQuery的区别 1. 相同点: 都是js库,提供了相同的api 2. 不同点: 1) 大小不同:...

    定义

            Zepto是一个轻量级的针对现代高级浏览器的 JavaScript 库, 它和 jquery类似的 api。如果你会用 jquery,那么你也会用 zepto。

    与jQuery的区别

            1. 相同点: 都是js库,提供了相同的api

            2. 不同点:

                    1) 大小不同: zepto 体积小 轻量级

                    2) zepto针对移动端  jQuery针对pc端

                    3) 兼容性: zepto  兼容 高级浏览器(现代浏览器)

                    jquery 2.0版本之后 兼容高级浏览器

                    4) zepto 将js文件分为了很多子模块 ,并且提供了专一针对于移动端的touch

                    5) zepto 没有提供noConflict 方法 ,无法释放$的使用权

                    6) zepto 中 $.extend() 只能进行浅拷贝或者深拷贝 ,不可以添加静态方法

                    zepto 没有$.fn.extend方法 ,但是提供了$.fn方法 在zepto 原型添加实例方法

                    7) 在dom上的不同

                      width()和height() 方法: zepto包含宽 高、padding、border

                     jquery只包含 宽度 高度

                    offset()方法 : zepto包含 left top width(包含width padding border) height

                    jQuery包含 left top

                    innerWidth() 和 outerWidth(): jquery包含这两种方法 而 zepto不包含这两种方法

                    jquery可以获取隐藏元素的宽高 zepto 不可以获取隐藏元素的宽高

    touch方法:

    tap单点事件 singleTap延迟单点事件 longTap长按时间 doubleTap双击事件

    swipeLeft左滑事件 swipeRight右滑事件 swipeUp上划事件 swipeUp下滑事件

                $('.box').tap(function(){

                    console.log('单点事件tap')

                })

                $('.box').-(function(){

                    console.log('有延迟的单点事件singleTap')

                })

                $('.box').doubleTap(function(){

                    console.log('双击事件doubleTap')

                })

                $('.box').longTap(function(){

                    console.log('长按事件longTap')

                })

                $('.box').swipeLeft(function(){

                    console.log('左划事件,从右往左划swipeLeft')

                })

                $('.box').swipeRight(function(){

                    console.log("右划事件,从左往右划swipeRight")

                })

                $('.box').swipeUp(function(){

                    console.log('上划事件,从下往上划swipeUp')

                })

                $('.box').swipeDown(function(){

                    console.log("下划事件,从上往下划swipeDown")

                })

    展开全文
  • Zepto

    2019-05-21 19:30:00
    Zepto就相当于jquery,zepto是手机端的框架。 二者最大的区别就是jq对ie做了太多的处理而zepto没有,所以他是一个轻量级的框架。 1.文档加载 Zepto(function(){ }) 2选择器 使用$进行元素选择 跟jq一样 3$....

    Zepto就相当于jqueryzepto是手机端的框架。

    二者最大的区别就是jqie做了太多的处理而zepto没有,所以他是一个轻量级的框架。

    1.文档加载

    Zepto(function(){

    })

    选择器

     

    使用$进行元素选择 跟jq一样

    $.each() 对数组 集合 对象进行遍历

    4.$.map

     

    Mapeach的区别

     

    Each中的回调 第一个参数是索引 第二个参数是元素 map相反,并且map函数中必须有return返回值。

     

    Map()方法返回的是对集合重新整合的集合,each还是原来的集合

    5.add() 添加元素到当前匹配的元素集合中

    $(“li”).add(‘p’)   return [li,p]

     

    addClass()为每个匹配的元素添加指定的class类名。多个class类名使用空格分隔

    7 after()

    在每个匹配的元素后插入内容

     

    8.append()

     

    在每个匹配的元素后面插入内容

     

    After和append区别

     

    After插入在元素的后面但是再元素外 append是在元素内

    9.attr()

    读取或设置dom的属性。如果没有给定value参数,则读取对象集合中第一个元素的属性值。当给定了value参数。则设置对象集合中所有元素的该属性的值。当value参数为null,那么这个属性将被移除(类似removeAttr),多个属性可以通过对象键值对的方式进行设置。

    10. children()

    获得每个匹配元素集合元素的直接子元素,如果给定selector,那么返回的结果中只包含符合css选择器的元素。

    Zepto中的特效只有hide()show()

     

    事件

    原生js在移动端的事件

    1. 原生js中只有DOM二级事件的写法

    Div.addeventlistener(“事件名”fnfalse)  DOM二级事件写法

    Div.onclick DOM零级事件写法

    2

    原生jstouch系列的事件 有click事件

    Click就相当于是单击 不建议使用

    移动设备 当第一次点击之后300ms之内又点击了 说明是双击,300ms之内没点击说明是单击。

     

    移动端的事件:单机 双击 滑动(上下左右)

    Zepto提供了哪些事件

    Tap singleTap doubleTap swipe swipeLeft swipRight swipeUp swipeDown

    Zepto中使用事件函数前需要在zepto的后面引入touch.js文件 否则报错

    <script src='zepto.js'></script>

    <script src='touch.js'></script>

     

     

     

     

     

     

    转载于:https://www.cnblogs.com/txf-123/p/10901856.html

    展开全文
  • reading-zepto, 读 Zepto 源码,分析 Zepto 源码
  • zepto 1.2.0

    2018-08-13 14:44:42
    Zepto的设计目的是提供 jQuery 的类似的API,但并不是100%覆盖 jQuery 。Zepto设计的目的是有一个5-10k的通用库、下载并快速执行、有一个熟悉通用的API,所以你能把你主要的精力放到应用开发上。
  • Zepto字体

    2020-12-31 17:24:48
    该文档为Zepto字体,是一份很不错的参考资料,具有较高参考价值,感兴趣的可以下载看看

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,628
精华内容 6,651
关键字:

zepto