一、zepto库文档和一个应用实例
Zepto是一个轻量级的针对现代高级浏览器IE10+的JavaScript开源库,它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。
zepto.js Githubgithub开源库就有测试代码、调用格式、调用条件,
兼容:
iOS 5+ Safari,Android 2.3+ Browser,IE 10+
与jquery相比,移动端开发使用zepto.js更好,体积更小.最初目标在移动端提供一个精简的类似jquery的js库。
在学习zepto.js时走了弯路,实际上github开源库就有测试代码、调用格式、调用条件,引以为鉴。
<meta name="apple-mobile-web-app-capable" content="yes">
<script src="../../src/zepto.js"></script>
<script src="../../src/event.js"></script>
<script src="../../src/ie.js"></script>
<script src="../../src/touch.js"></script>
$('#items').bind('touchmove', function(e) { e.preventDefault() });
$('#items').swipeDown(function(){
alert("swipeDown");
});
注意:解绑函数不能用在body
上,所以body
元素不绑定滑动函数;
二、 移动Web本地调试的两种方法
1. Chrome开发者工具模拟调试
2. 如何实现移动本地调试?
gulp启动web服务器:node.js利用gulp 启动webServer服务
cmd命令行输入ipconfig
查询ip地址:192.168.1.141(windows)