初步玩一玩zepto

最新推荐文章于 2019-06-24 19:38:51 发布
原创 最新推荐文章于 2019-06-24 19:38:51 发布 · 739 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#zepto #html5 #前端 #框架

Zepto.js是一个轻量级的JavaScript库,其设计目的是为了提供与jQuery类似的API,但体积更小,更适合用于移动端浏览器。Zepto.js并非完全兼容jQuery,而是专注于提供一个快速且通用的库,以便开发者能够将更多精力投入到应用程序的开发中。本文介绍了如何使用Zepto.js处理基本的Touch事件。
Zepto的设计目的是提供 jQuery 的类似的API，但并不是100%覆盖 jQuery 。Zepto设计的目的是有一个5-10k的通用库、下载并快速执行、有一个熟悉通用的API，所以你能把你主要的精力放到应用开发上。

需要注意的是Zepto的一些可选功能是专门针对移动端浏览器的；因为它的最初目标在移动端提供一个精简的类似jquery的js库。


你可以绑定以下四种Touch事件来了解基本的touch事件:
touchstart:手指触摸屏幕上的时候触发 
touchmove:手指在屏幕上移动的时候触发 
touchend:手指从屏幕上拿起的时候触发 
touchcancel:系统取消touch事件的时候触发


event.touches[0].clientX; 获取触发touch事件时鼠标的位置....


推荐：http://www.css88.com/doc/zeptojs_api/

[AI in security]-216 开源威胁情报线索【仅供学习研究使用】
AI拉呱，专注于人工智与网络安全方面的研究，关注一起学习。
08-08 1920
暗网大屏：https://gcokedsa123.grafana.net/dashboard/snapshot/2OJ9OtmtitwiGcIqwIVhvzgmTKDBtTkF?9.深信服安全中心 https://wiki.sec.sangfor.com.cn/index/abroad。微步测绘：https://x.threatbook.com/v5/mapping。火花：https://ti.venuseye.com.cn/#/home。
2016阿里巴巴73款开源产品全向图
科技D人生
10-08 1511
2016阿里巴巴73款开源产品全向图 摘要： 受益开源，就当回馈。面对阿里头顶上“贡献开源软件数目第一”的光环，我们清醒地认知阿里开源的目的：阿里开源不是到业内“秀肌肉”，更不是自卖自夸；阿里之所以选择开源是因为开源是孵化新技术领域的容器，更是技术演进的最大推动力。 这是开发者和开源爱好者正在共同书写的峥嵘岁月。 回顾历史，阿里巴巴集团已经开源115个项目，加入F
Zepto的使用
u010373973的博客
06-24 521
本文为转载文章——Zepto的使用https://www.jianshu.com/p/262d36c1e13e 1.简介 随着移动端的愈加火爆，目前很多HTML5的框架都在支持移动方向，比如：Vue.js，zepto.js，React Native等等。Zepto是一个轻量级的针对现代高级浏览器的JavaScript 库， 它与jquery 有着类似的api。 如果你会用 jquery，那么你也会...
从零开始学 Web 之 移动Web（三）Zepto
weixin_30781775的博客
08-09 142
大家好，这里是「 从零开始学 Web 系列教程 」，并在下列地址同步更新...... github：https://github.com/Daotin/Web 微信公众号：Web前端之巅 博客园：http://www.cnblogs.com/lvonve/ 优快云：https://blog.youkuaiyun.com/lvonve/ 在这里我会从 Web 前端零基础开始，一步步学习 Web 相关的知...
点击键盘方向键，可以单击，也可以两个人玩的移动游戏
09-30
点击键盘方向键，可以单击，也可以两个人玩的移动游戏
zepto中animate的用法
kongjiea笔记
08-13 6万+
$this_bd.animate({height:iTthis_bd_h+'px',complete:siblingsUp()},700); function siblingsUp(){ $this_bd.siblings('.bd').animate({height:'0px'},50); };
移动端HTML5实现文件上传功能【附代码】
09-28
- 对于文件类型和大小的限制，应在前端进行初步检查，防止恶意或非法文件上传。 综上所述，通过使用HTML5中的FileReader API、FormData对象，结合Ajax技术，我们可以在不依赖任何插件的情况下，在移动端实现一个...
dragM：移动端拖拽框架，简化移动开发
5. **zepto兼容性问题**：zepto是一个轻量级的jQuery兼容库，专门用于移动端开发。在使用zepto时，可能会遇到与DOMContentLoaded事件相关的兼容性问题，特别是在文档加载完成后执行某些操作时。作者提到的这一点，...
前端面试题（各种基础）
jontyy的博客
03-29 2350
HTML Doctype的作用，标准模式和混杂模式有什么区别 < ! D o c t y p e>声明位于HTML文档的第一行，出在html标签的前面，告诉浏览器的解析器用什么文档标准解析这个文档，当不存在或者格式错误的时候会采用兼容模式来加载这个网页 标准模式的排版和js运作模式都是以改浏览器支持的最高标准运行，在兼容模式中，页面以一种宽松的向后兼容的方式显示，模拟老师浏览器的...
zepto.js入门到精通（一）
馨新欣心
04-25 4864
由于公司需要今天看了一下zepto.js，发现zepto.js还是有自己的优势的！
0x0000006B蓝屏问题解决方法
Adonis丶锟的博客
04-14 1万+
开机蓝屏报0x0000006B，安全模式卡在amdkmpfd.sys。
pc端点击事件在移动端失效（zepto）
dlh918的博客
01-31 5973
jQuery 和 Zepto 是不能一起引入的，否则会有冲突。 只引入Zepto 的前提下，jQuery的部分方法是不能用的（toggle、slideUp、slideDown...） 所以实际上触发了事件，但是看不到效果，误以为没有触发.... var 移动端 = 手机真机环境调试（不是浏览器模仿的移动端）； 什么onclick、$(document).on();、$(docume
Zepto 使用中的一些注意点
u010495838的专栏
02-08 714
转载：http://chaoskeh.com/blog/some-experience-of-using-zepto.html 前段时间完成了公司一个产品的 HTML5 触屏版，开发中使用了 Zepto 这个著名的 DOM 操作库。 为什么不是 jQuery 呢？因为 jQuery 的目标是兼容所有主流浏览器，这就意味着它的大量代码对移动端的浏览器是无用或者低效的。 而 Zepto
zepto.js 自定义打包模块流程
annier_11的博客
09-15 668
  移动端很多人用的是流量，而且4g虽说是快，但也是有很多时候信号不怎么好，为了提交加载速度，给用户更好的体验，所以对移动端代码的要求就比pc多要高，尽量不要用大的库和框架，所以就有了Zepto,官方上说是一个轻量级针对现在高级浏览器的JavaScript库，与jQuery有类似的api，说白了就是手机上用的jQuery，只是jQuery太大了，而且没有对移动端做支持，所以就有了Zepto。 ...
zepto和jquery的区别，zepto的不同使用8条小结
热门推荐
kongjiea笔记
01-08 9万+
1. Zepto 对象 不能自定义事件   例如执行： $({}).bind('cust', function(){});  结果：  TypeError: Object has no method 'addEventListener'   解决办法是创建一个脱离文档流的节点作为事件对象：   例如： $('').bind('cust', function(){}); 2. Ze
zepto常用方法
stubbor的博客
10-28 2570
$.parseJSON(string)原生JSON.parse方法的别名。 接受一个标准格式的JSON字符串，并返回解析后的JavaScript对象。$.trim(string)删除字符串首尾的空白符。.addClass(name) .after(content)每个匹配的元素后插入内容（外部插入）<p></p>.append(content)每个匹配的元素末尾插入内容（内部插入）$(ul).ap
Zepto和jQuery之间区别以及特点分析
极客神殿
02-08 1296
首先介绍一下Zepto： 它是一个轻量化的，API类似jQuery的javascript类库。 它是一个面向移动端的类库，虽然能在桌面客户端运行，不过仅支持高级游览器（IE10+）。 它支持移动端“touch”有关的一些事件。 简单的介绍完Zepto之后，我们再谈谈它和jQuery之间的区别，从功能先入手，之后会讲到大家纠结的大小，效率等问题：
zepto实现移动端Tab切换教程
Zepto是一个轻量级的JavaScript库，主要用于移动Web开发。它与jQuery有着相似的API，因此对于熟悉jQuery的开发者而言，上手Zepto将非常容易。Zepto专为现代浏览器设计，尤其适用于那些触摸设备上的快速交互。它兼容...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值