Zepto.js简介

一、总结

一句话总结:

Zepto.js语法和jquery起码百分之90相似,主要做移动端框架,和jquery mobile是一个类型的概念

1、Zepto.js做移动端的特点?

Zepto有着独特的手指的触摸事件(tap、swipe。。。),且不再支持IE浏览器

2、移动端常用框架?

1.jQuery Mobile
2.zepto.js
3.bootstrap做适配

二、什么是Zepto.js

转自或参考:什么是Zepto.js
https://blog.csdn.net/qq_38021852/article/details/82659994

Zepto是一个轻量级的JavaScript库,它的文件大小只有10K左右,兼容现代高级浏览器,主要用于移动端的开发,它有着与jQuery类似的API。就像zepto官网说的如果你会使用jQuery,那你也会用zepto。

Zepto有着独特的手指的触摸事件(tap、swipe。。。),且不再支持IE浏览器。

下载方式:npm install zepto

下载到本地:https://zeptojs.com/zepto.js

中文文档地址:http://www.css88.com/doc/zeptojs_api/

浏览器支持

初级 (100% 支持)

  • Safari 6+ (Mac)
  • Chrome 30+ (Windows, Mac, Android, iOS, Linux, Chrome OS)
  • Firefox 24+ (Windows, Mac, Android, Linux, Firefox OS)
  • iOS 5+ Safari
  • Android 2.3+ Browser
  • Internet Explorer 10+ (Windows, Windows Phone)

次要目标(完全或大部分支持)

  • iOS 3+ Safari
  • Chrome <30
  • Firefox 4+
  • Safari <6
  • Android Browser 2.2
  • Opera 10+
  • webOS 1.4.5+ Browser
  • BlackBerry Tablet OS 1.0.7+ Browser
  • Amazon Silk 1.0+
  • Other WebKit-based browsers/runtimes

创建插件:

核心方法

$()

$(selector, [context])   ⇒ collection
$(<Zepto collection>)   ⇒ same collection
$(<DOM nodes>)   ⇒ collection
$(htmlString)   ⇒ collection
$(htmlString, attributes)   ⇒ collection v1.0+
Zepto(function($){ ... })

jQuery与Zepto的异同

一,同:

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

二,异:

  1,针对移动端程序,Zepto有一些基本的触摸事件可以用来做触摸屏交互(tap事件、swipe事件),Zepto是不支持IE浏览器的,这不是Zepto的开发者Thomas Fucks在跨浏览器问题上犯了迷糊,而是经过了认真考虑后为了降低文件尺寸而做出的决定,就像jQuery的团队在2.0版中不再支持旧版的IE(6 7 8)一样。因为Zepto使用jQuery句法,所以它在文档中建议把jQuery作为IE上的后备库。那样程序仍能在IE中,而其他浏览器则能享受到Zepto在文件大小上的优势,然而它们两个的API不是完全兼容的,所以使用这种方法时一定要小心,并要做充分的测试。

移动端常用框架

1.jQuery Mobile 
2.zepto.js 
3.bootstrap做适配

转载于:https://www.cnblogs.com/Renyi-Fan/p/11590177.html

Zepto.js简介相关推荐

  1. 【Zepto笔记】Zepto.js

    Zepto.js Zepto 简介 jQuery 与 Zepto 的区别 关于浏览器兼容 既然有了JQuery,为什么要Zepto呢 Zepto 设计模块 Zepto 案例 选择器案例 动画案例 动画 ...

  2. Zepto.js库touch模块代码解析

    Zepto.js也许并不陌生,专门针对移动端开发,Zepto有一些基本的触摸事件可以用来做触摸屏交互(tap事件.swipe事件),Zepto是不支持IE浏览器的. 下面来解析一些Zepto.js触摸 ...

  3. 移动端开发框架Zepto.js

    一.概述 Zepto.js是一个轻量的js库,它与jQuery有类似的API. zepto的设计目的是不到10K的通用库,快速下载,有一个熟悉的api-->精力专注在开发上. 流行起来的原因:轻 ...

  4. scroll事件实现监控滚动条并分页显示示例(zepto.js)

    scroll事件实现监控滚动条并分页显示示例(zepto.js  ) 需求:在APP落地页上的底部位置显示此前其他用户的购买记录,要求此div盒子只显示3条半,但一页有10条,div内的滑动条滑到一页 ...

  5. 【Nodejs篇一】Node js 简介

    一.Node.js简介 Node.js 不是一种独立的语言,Node.js 也不是一个 JavaScript 框架,.Node.js 是一个让 JavaScript 运行在服务端的开发平台.他跳过了h ...

  6. [转载] 使用backbone.js、zepto.js和trigger.io开发HTML5 App

    来源:http://mobile.51cto.com/web-343388.htm ---------------------------------------------------------- ...

  7. 5分钟搞定jQuery zepto.js 面向对象插件

    今天分享一下快速使用jQuery zepto.js的技巧,需要的记得收藏 1.jQuery的引入:本地下载jQuery(后面简称jq)的源文件,开发版本使用非min版,线上使用min版,zepto.j ...

  8. 轻量级的移动开发JavaScript框架-zepto.js

    Zepto.js  是移动端轻量级的JavaScript框架,实现JQuery的大部分API,针对手机上web开发,轻量级的是相对性的减少用户访问流量 Zepto官网 地址 可以到 github上下载 ...

  9. zepto.js 处理Touch事件

    处理Touch事件能让你了解到用户的每一根手指的位置,在touch事件触发的时候产生,可以通过touch event handler的event对象取到,如果基于zepto.js开发,一般是通过eve ...

最新文章

  1. Bootstrap 栅格系统 理解与总结
  2. Android Studio系列(二)使用Android Studio开发/调试整个android系统源代码(不定时更新)
  3. mybatis知识点
  4. 数据分析从零开始,新手小白如何入门?
  5. Xshell操控kali-linux虚拟机
  6. 安装DNN时,数据库连接字符串的设置
  7. cocos2d c 调用java_cocos2d-x之C++ 调用Java函数并接收返回值
  8. php7 mysql json 小程序_微信小程序JSON数组递交PHP服务端解析处理
  9. 实现redis集群的批量pineline操作
  10. Android studio : 模拟器 真机 运行失败(mac电脑)
  11. iOS Your account already has a valid ios Distribution certificate
  12. 关于打印室计算机购置的申请书,物资采购申请书格式范文
  13. Firemonkey使用Android原生控件一些注意事项
  14. 苹果cms小主题模板
  15. Cholesky Decomposition(Cholesky分解)
  16. oracle主键函数,oracle 主键+1 或 -1 的函数
  17. Python语言程序设计基础_测验I(第五周)_答案_通识教育必修课程_上海师范大学
  18. python bmp转jpg
  19. 1 python数据分析概述
  20. 用myeclipse打包项目时,Security alert:integrity check error。

热门文章

  1. Android新手系列教程(申明:来源于网络)
  2. SwipeRefreshLayout实现上拉加载
  3. h5实现手机端等级进度条
  4. 类似 Google Tips 页面的卡片式提示和翻转特效
  5. VIM入门必读(转)
  6. Coolite Cool Study 3 MVC + Coolite 的例子
  7. 基于 OpenCV 的人脸识别
  8. 如何用Python一门语言通吃高性能并发、GPU计算和深度学习
  9. C# NPOCO 轻量级ORM框架(进阶)
  10. 万恶之源:C语言中的隐式函数声明