Zepto初识

           Zepto在2014/2015年较火,现在关注度明显下降诸多,但接触到就稍微再了解一下。

        Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。主要针对现代浏览器开发,暂时不支持IE 10以下,针对移动端(如:触摸屏交互)去除了大量jQuery的兼容代码,部分API的实现方式不同。

          目前,最新版本为 1.2.0


    与jQuery比较,有以下区别:

            DOM操作:添加id时,jQuery不会生效而Zepto会生效。

            事件触发:使用jquery时,load事件的处理函数不会执行;使用zepto时,load事件的处理函数会执行。

            事件委托:zepto中,选择器上所有的委托事件都依次放入到一个队列中,而在jquery中,则委托成独立的多个事件。

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

            offset():zepto 返回{top,left,width,height}; jquery 返回{width,height}。zepto 无法获取隐藏元素宽高,jquery可以。

            zepto中没有为原型定义extend方法,而jquery有; zepto的each方法只能遍历数组,不能遍历JSON对象。


      以上摘自网络资源,侵删。【仅为以后使用时,避免并减少失误,源码不过千行,可以寻其细节】

      还可参考文章:http://www.haorooms.com/post/zeptojs_use

      当然,原生编码固然优选,只是在更多的任务场景,选择合理便捷的工具更适宜。不断尝试中,发现并解决问题,技术迭代虽迅猛,认真专注亦无畏。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Query 由于强大的生命力基本上是一个事实标准,所以大部分工具 lib 在 DOM 操作、动画等功能上或多或少都...
    一个爱折腾的程序媛妹子阅读 3,106评论 0 1
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 12,206评论 2 19
  • �1.背景介绍 HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。 HTML页面中...
    远望的云阅读 9,966评论 2 1
  • 七年前,那个酷热的夜晚,在思中食堂后面广场的乒乓球台上,你买了啤酒,为我送别。 咱们的间隔,从一同生活了三年的校园...
    somi35阅读 1,810评论 0 0
  • 今天给娘亲电话,娘亲说明天你过岁,我说除了你好像没有人再注意这个事情,说完我突然就眼边子红了。 儿生母苦也许是母亲...
    就爱嗑瓜子阅读 2,649评论 6 7

友情链接更多精彩内容