轻量级javascript移动开发库 zepto

2 篇文章 0 订阅
1 篇文章 0 订阅

一、zepto库文档和一个应用实例

Zepto是一个轻量级的针对现代高级浏览器IE10+的JavaScript开源库,它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。
zepto.js Githubgithub开源库就有测试代码、调用格式、调用条件,

zepto.js中文文档

兼容:
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)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值