首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

11-移动端开发教程-zepto.js入门教程

Zepto.js是一个轻量级的针对现代浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。 1. Why Zepto.js?...API类似jQuery,熟悉jQuery可以无缝迁移到Zepto.js Zepto仅针对高版本现代浏览器设计了最小核心的通用库,代码体积小,尤其适合移动端开发。...Zepto.js下载 代码下载:zeptojs中文站 、 github 2.1 自定义Zepto.js文件模块 zepto默认是有五个模块的,分别为zepto、event、ajax、form、ie,这五个模块被称为核心模块...touch 在触摸设备上触发tap– 和 swipe– 相关事件。这适用于所有的touch(iOS, Android)和pointer事件(Windows Phone)。...4. zepto的应用demo 用法基本跟jQuery一致,直接上手就行,不用客气。

2.3K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    移动端前端常见的触摸相关事件touch、tap、swipe等整理

    前端的很多事件在PC端和浏览器端可公用,但有些事件却只在移动端产生,如触摸相关的事件 本文整理了移动端常见的一些事件,包括原生支持的click、touch、tap、swipe事件,也有定义型的gesture...会触发 touchend:当手指离开屏幕时,会触发 touchcancel:可由系统进行的触发,比如手指触摸屏幕的时候,突然alert了一下,或者系统中其他打断了touch的行为,则可以触发该事件 3. tap...类事件 触碰事件,我目前还不知道它和touch的区别,一般用于代替click事件,有tap longTap singleTap doubleTap四种之分 tap: 手指碰一下屏幕会触发 longTap...2) 查看触发的事件对象 简单地修改,将事件监听中第三个参数置为true,输出完整的事件对象 addEvent(one, 'tap click touchstart touchmove touchend...2) 改用zepto.js正常 ? 看第五次的touch ? 看第二次的touch ? 看第四次的touch ?

    2.2K20

    TAP配线盒工作原理

    在对网络流量的监控中,一般都是使用网络分流器(network tap),工作原理就是备份一份当前网络流量发送给监控设备,它是一个硬件设备,直接插入网络电缆和发送一份网络通信给监控设备。...但是电缆的传送效果差,还引入了一个故障点,因此随着时代的发展,使用光纤传输的TAP模块盒出现,不仅传输效果好,而且还是无源设备,减少总体功耗和成本,能更好的服务于交换机、服务器和存储区域网络(SAN)。...在数据中心网络中,TAP位于两个网络设备之间的网络链路中。 TAP通过分离承载网络链路的光信号,提供相同网络信号的两条不同路径; 网络路径(实时端口)和监控路径(TAP端口)。...TAP模块盒内部的极性是如何布置的呢?...看下面两幅图 image.png 四.TAP路径损耗 网络路径损耗为0.15dB + 1.90dB + 0.15dB + 0.15dB = 2.35dB 远端监控路径损耗为0.15dB + 5.90dB

    75710

    从零开始学 Web 之 移动Web(三)Zepto

    tap :触摸屏幕时触发。 singleTap :单击屏幕时触发 doubleTap:双击屏幕时触发。(如果你不需要检测单击、双击,使用 tap 代替)。 longTap :长按时触发。...默认的 Zepto.js 文件只包含下面一些功能: zepto ✔ 核心模块;包含许多方法 event ✔ 通过on()& off()处理事件 ajax ✔ XMLHttpRequest 和 JSONP...touch.js 在触摸设备上触发tap– 和 swipe– 相关事件。这适用于所有的touch(iOS, Android)和pointer事件(Windows Phone)。...操作步骤: 1、安装 Nodejs 环境 2、下载 zepto.js 源码并解压好。...4、cmd 命令行进入解压缩后的目录 5、执行npm install 命令(这一步需要联网下载) 6、编辑 zepto.js 源码中的 make文件,添加自定义模块并保存,如下 原来的:modules

    1.5K20

    2017移动前端的一些总结web前端 —— 移动端知识的一些总结一.css部分二.js部分

    display:-webkit-box;暂时只有这个的兼容性最好, flex是最好用,还可以如 float一样排多个元素时自动换行,只是兼容性还太差,(即使是第一种,在火狐下兼容性也不是很好) 对于第一种常见用法是...,处理方法为 touchmove:function(e,参数一){   var e=arguments[0]   e.preventDefault() } 5.移动端的一些小页面可能没必要用到 zepto.js...里的 tap事件。...不过 zepto的 tap事件有一个事件穿透的问题。...假如你 tap一个弹出层元素(这个元素遮罩了一个 a标签),这个元素立即消失,这样由于上述的 0.3s延迟 tap事件就会传递给 a标签成 click事件造成a标签跳转。

    3.7K40
    领券