zoukankan      html  css  js  c++  java
  • Zepto——简化版jQuery,移动端首选js库

    转载请注明原文地址:https://www.cnblogs.com/ygj0930/p/10826054.html

     

    一:Zepto是什么

        Zepto最初是为移动端开发的js库,是jQuery的轻量级替代品,因为它的API和jQuery相似,而文件更小。

        Zepto最大的优势是它的文件大小,只有8k多,是目前功能完备的库中最小的一个,尽管不大,Zepto所提供的工具足以满足开发程序的需要。

        大多数在jQuery中常用的API和方法Zepto都有,Zepto中还有一些jQuery中没有的(移动端支持)。

        因为Zepto的API大部分都能和jQuery兼容,所以用起来极其容易,如果熟悉jQuery,就能很容易掌握Zepto。。

    二:Zepto和jQuery的差异

    (1)jQuery更多是在PC端被应用,因此,考虑了很多低级浏览器的的兼容性问题;而Zepto.js则是直接抛弃了低级浏览器的适配问题,显得很轻盈;

    (2)Zepto.js在移动端被运用的更加广泛;更注重在移动端的使用

    (3)jQuery的底层是通过DOM来实现效果的,zepto.js 是用css3来实现的;

    (4)Zepto.js可以说是阉割版本的jQuery

        zepto比jQuery多了更多的移动端的 事件的支持,比如说tap, swipe……

        zepto的兼容性比jQuery差,因为zepto更多的是注重移动端和效率,jQuery注重的是兼容性。

        针对移动端程序,Zepto有一些基本的触摸事件可以用来做触摸屏交互(tap事件、swipe事件),Zepto是不支持IE浏览器的。

        Zepto中没有为原型定义extend方法而jQuery有。

        width()和height()的区别:Zepto由盒模型(box-sizing)决定,用.width()返回赋值的width,用.css('width')返回加border等的结果;jQuery会忽略盒模型,始终返回内容区域的宽/高(不包含padding、border)

        Zepto 的each 方法只能遍历 数组,不能遍历JSON对象。

        Zepto在操作dom的属性时尽量使用prop方法,在读取属性值的情况下优先于attr。

        Zepto仅支持简单的选择器,对于jQuery中提供的高级选择器很多都不支持:

    三:Zepto提供了什么

    核心API

    ......

    事件

    移动端触摸事件

    Ajax处理

    四:Zepto的适用场景

        在浏览器上(Safari、Chrome和Firefox)上开发页面应用或者构建基于html的web-view应用时,使用Zepto是一个不错的选择。

  • 相关阅读:
    基本数据类型与其包装类型
    String与常量池(JDK1.8)
    数据库知识归纳(面试向)
    HashMap、ConcurrentHashMap以及HashTable(面试向)
    Java多线程基础(面试向)
    Java的类加载
    Sql语句的一些事(二)
    RUBY惯用方法(转)
    Ruby中区分运行来源的方法(转)
    ruby安装devkit
  • 原文地址:https://www.cnblogs.com/ygj0930/p/10826054.html
Copyright © 2011-2022 走看看