转:Zepto的使用以及注意事项
为什么选择Zepto.js的原因:
- zepto.js的语法借鉴并且兼容jQuery,会使用jquery就会使用Zepto.js。Zepto.js是移动端的js库。Zepto.js相当于PC端的jQuery,它提供了很多方法和功能,能够很快的实现各种需求和功能。使用Zepto.js开发,性能上是最好的,而兼容性比较好,跟jQuery有同样的API,只是需要自己设计UI
- 压缩后的 zepto.min.js 大小只有24K。
- 绑定事件不同
- 用 “on”来代替“bind”、“delegate”、”live”。
- 用 “off”来代替“unbind”、“undelegate”、”die”。
- 用 “ $.ajax”来代替“$.ajaxJSONP”。
- 用 “tap”来代替 ”click“,因为click会有200-300ms的延迟。
Zepto.js对 CSS 选择器的支持
1、Zepto.js没有 .innerHeight() .outerWidth() 等四个方法。
2、支持基本选择器
ID选择器:$("#foo")
class选择器:$(".foo")
标签(元素)选择器:$("div")、$("p")。
通用选择器:$("*")。
3、支持层级选择器
后代选择器:$("foo bar")。
子元素选择器:$("foo > bar")。
相邻且靠后选择器:$("foo + bar")。
同辈且靠后选择器:$("foo ~ bar")。
4、不支持的选择器
基本伪类:
first、:not(selector) 、:even 、:odd 、:eq(index) 、:gt(index) 、:lang1.9+ 、:last 、:lt(index) 、:header、:animated 、:focus1.6+ 、:root1.9+ 、:target1.9+
内容伪类::contains(text) 、:empty、 :has(selector)、 :parent 。
可见性伪类::hidden 、:visible 。
属性选择器:[attribute!=value]。
表单伪类::input、 :text、 :password、 :radio、 :checkbox、 :submit、 :image、 :reset、 :button、 :file、 :hidden 。
表单对象属性::selected。
Touch 事件
tap —元素tap的时候触发。
singleTap and doubleTap — 这一对事件可以用来检测元素上的单击和双击。(如果你不需要检测单击、双击,使用 tap 代替)。
longTap — 当一个元素被按住超过750ms触发。
swipe, swipeLeft, swipeRight, swipeUp, swipeDown — 当元素被划过时触发。(可选择给定的方向)
原文地址: https://www.cnblogs.com/weiyf/p/8696396.html
最新文章
- linux c system返回值问题总结
- Java多线程系列--“JUC线程池”04之 线程池原理(三)
- Token Based Authentication in Web API 2
- 26Spring_的注解实际应用_关键整理一下之前的注解
- 代码片段------find批量处理
- ACM刷题常用链接
- 28个MongoDB NoSQL数据库的面试问答
- 深入理解Azure自动扩展集VMSS(1)
- html5-表格的建立
- Python中tuple的功能介绍
- python笔记:#001#python简介
- 基于.Net进行前端开发的技术栈发展路线(一)
- Nginx 出现 403 Forbidden 最终解决
- drf实现图片验证码功能
- 浅谈Java泛型中的? extends E和?super E
- SPOJ 839 OPTM - Optimal Marks (最小割)(权值扩大,灵活应用除和取模)
- .Net 鉴权授权
- PAT乙级(Basic Level)练习题-NowCoder数列总结
- 在 Windows 7 中安装 .NET Framework 时遇到错误:无法建立到信任根颁发机构的证书链
- mac Intellij Idea Tmocat 启动报 Error running Tomcat: /conf/Catalina