zepto.js介绍(持续更新)
2024-08-29 15:56:31
前言:
zepto是一个简化版的jQuery,主要针对移动端开发。
简化了jQuery里很多的浏览器兼容性代码,jQuery的很多方法都被拿掉了(eg:slideUp)。
WP设备兼容性很差。
目前还不够完善,开发中总会遇到一些问题,下面简单列举2个开发中遇到的问题:
1.animate方法:
问题:
WP设备中,回调方法不会等待动画执行完后再执行,而是和动画同步执行。
代码:
$('#selector').animate({ 'width': '60%' }, 300, function() {
$('#xx-button').show();
})
原因:
zepto里的animate方法实现机制和jQuery不同,zepto是基于css3的动画,而jQuery是基于队列缓存机制
解决:
用css3的动画实现代替animate方法,eg:animate、tranform等。
2.tap事件穿透:
问题:
当两个元素重叠在一起,且都绑定了zepto的tap事件时,点击上一层元素时会触发下一层的事件,特别当下一层是input框时,必"穿透"。
代码:
$('#selector').on('tap', function() {
// do something
})
原因:
Google的解释:tap事件冒泡到body上时才触发。
解决:
- 使用github的fastclick库。
- 监听touchend事件,使用preventDefault()阻止冒泡。
- 使用css3的pointer-events=true,pointer-events=none切换。
- 如果还不行,建议使用click代替tap。
PS:
移动端开发(WebApp、hybrid)中可以使用zepto,不过还是得谨慎。
最新文章
- luogu1097统计数字[noip2007提高组Day1T1]
- HDU 4941 Magical Forest --STL Map应用
- xamarin android——数据绑定到控件(三)
- Unity3d之UGUI- Image拦截Button响应事件
- Android调试工具及方法
- selenium WebDriver 获取disabled文本框内容(转)
- Grok 正则捕获
- ubuntu安装新版QQ
- 转:【深入Java虚拟机】之五:多态性实现机制——静态分派与动态分派
- c++ 如何获取多线程的返回值?
- Qone 正式开源,使 javascript 支持 .NET LINQ
- [jzoj]3456.【NOIP2013模拟联考3】恭介的法则(rule)
- 每天备份tomcat日志
- C# 远程传输File文件
- yum except KeyboardInterrupt, e: 错误
- PCIE_DMA实例四:xapp1052在Xilinx 7系列(KC705/VC709)FPGA上的移植
- PowerBI开发 第十四篇:使用M公式添加列
- mybatis多对多关联查询——(十)
- 【第三章】 springboot + jedisCluster
- 如何在发型不乱的前提下应对单日十亿计Web请求