Zepto.js简介
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简介相关推荐
- 【Zepto笔记】Zepto.js
Zepto.js Zepto 简介 jQuery 与 Zepto 的区别 关于浏览器兼容 既然有了JQuery,为什么要Zepto呢 Zepto 设计模块 Zepto 案例 选择器案例 动画案例 动画 ...
- Zepto.js库touch模块代码解析
Zepto.js也许并不陌生,专门针对移动端开发,Zepto有一些基本的触摸事件可以用来做触摸屏交互(tap事件.swipe事件),Zepto是不支持IE浏览器的. 下面来解析一些Zepto.js触摸 ...
- 移动端开发框架Zepto.js
一.概述 Zepto.js是一个轻量的js库,它与jQuery有类似的API. zepto的设计目的是不到10K的通用库,快速下载,有一个熟悉的api-->精力专注在开发上. 流行起来的原因:轻 ...
- scroll事件实现监控滚动条并分页显示示例(zepto.js)
scroll事件实现监控滚动条并分页显示示例(zepto.js ) 需求:在APP落地页上的底部位置显示此前其他用户的购买记录,要求此div盒子只显示3条半,但一页有10条,div内的滑动条滑到一页 ...
- 【Nodejs篇一】Node js 简介
一.Node.js简介 Node.js 不是一种独立的语言,Node.js 也不是一个 JavaScript 框架,.Node.js 是一个让 JavaScript 运行在服务端的开发平台.他跳过了h ...
- [转载] 使用backbone.js、zepto.js和trigger.io开发HTML5 App
来源:http://mobile.51cto.com/web-343388.htm ---------------------------------------------------------- ...
- 5分钟搞定jQuery zepto.js 面向对象插件
今天分享一下快速使用jQuery zepto.js的技巧,需要的记得收藏 1.jQuery的引入:本地下载jQuery(后面简称jq)的源文件,开发版本使用非min版,线上使用min版,zepto.j ...
- 轻量级的移动开发JavaScript框架-zepto.js
Zepto.js 是移动端轻量级的JavaScript框架,实现JQuery的大部分API,针对手机上web开发,轻量级的是相对性的减少用户访问流量 Zepto官网 地址 可以到 github上下载 ...
- zepto.js 处理Touch事件
处理Touch事件能让你了解到用户的每一根手指的位置,在touch事件触发的时候产生,可以通过touch event handler的event对象取到,如果基于zepto.js开发,一般是通过eve ...
最新文章
- Bootstrap 栅格系统 理解与总结
- Android Studio系列(二)使用Android Studio开发/调试整个android系统源代码(不定时更新)
- mybatis知识点
- 数据分析从零开始,新手小白如何入门?
- Xshell操控kali-linux虚拟机
- 安装DNN时,数据库连接字符串的设置
- cocos2d c 调用java_cocos2d-x之C++ 调用Java函数并接收返回值
- php7 mysql json 小程序_微信小程序JSON数组递交PHP服务端解析处理
- 实现redis集群的批量pineline操作
- Android studio : 模拟器 真机 运行失败(mac电脑)
- iOS Your account already has a valid ios Distribution certificate
- 关于打印室计算机购置的申请书,物资采购申请书格式范文
- Firemonkey使用Android原生控件一些注意事项
- 苹果cms小主题模板
- Cholesky Decomposition(Cholesky分解)
- oracle主键函数,oracle 主键+1 或 -1 的函数
- Python语言程序设计基础_测验I(第五周)_答案_通识教育必修课程_上海师范大学
- python bmp转jpg
- 1 python数据分析概述
- 用myeclipse打包项目时,Security alert:integrity check error。