最新消息:

zepto

用mouse事件模拟touch事件

justnode 4年前 (2015-04-14) 1184浏览 0评论

在PC端的浏览器中是没有touch事件的,虽然chrome的调试器里有个手机模拟器,但是很多情况下还是不够方便,下面我们就来学习一种通过mouse事件来模拟touch事件的方法。 要实现事件的模拟,我们需要借助zepto这个库。实现的思路如下: 把t...

zepto源码分析之animate模块

justnode 4年前 (2015-04-14) 969浏览

animate模块并不在zepto的核心包中,如若使用需要单独下载。 animate的用法主要有如下两种: 1、animate(properties, [duration, [easing, [function(){ … }]]]) 2、...

zepto源码分析之ajax

justnode 4年前 (2015-03-27) 1743浏览 0评论

在分析ajax模块之前,我们先把ajax()方法中的参数梳理一遍: type(默认:“GET”):请求方法(“GET”,“POST”,orother) url(默认:当前地址):发送请求的地址 data(默认:none):发送到服务器的数据;如果是G...

zepto源码分析系列

justnode 4年前 (2015-03-27) 2671浏览 0评论

对于zepto源码分析是依照zepto.js的v1.1.6版本进行的,本篇是zepto源码分析系列博文的一个索引,方便大家阅读和查阅。 1、zepto源码分析之整体概览 2、zepto事件模块初探 3、zepto事件模块之自定义事件 4、zepto源...

移动设备中的touch事件

justnode 4年前 (2015-03-13) 566浏览

以下是几种普及得比较好的触摸事件,可以在绝大多数现代浏览器中来测试这一事件: touchstart:触摸开始的时候触发 touchmove:手指在屏幕上滑动的时候触发 touchend:触摸结束的时候触发 touchcancel:系统取消touch事...

touch事件中的touches、targetTouches和changedTouches详解

justnode 4年前 (2015-03-12) 1830浏览

touches:保存了当前所有触碰屏幕的手指信息。 targetTouches:和touches类似, changedTouches:保存了所有引发事件的手指信息。 文字介绍太过于乏味,下面就结合具体的例子来理解吧: 1、当我用一个手指触碰屏幕的时候...

zepto源码分析之ajax使用篇

justnode 4年前 (2015-03-11) 1599浏览

zepto的ajax模块从使用上来说跟jQuery并没有区别,从代码的实现上看,zepto更简洁易懂。下面我们就由浅入深,一步步地来探索zepto是如何实现ajax模块的吧。 本篇博客主要是介绍ajax模块的使用,接下来我会通过几个具体的示例来演示a...

zepto源码分析零碎知识点

justnode 4年前 (2015-03-11) 605浏览

$.param:以GET请求向服务器端发送数据时需要对对象类型的数据进行序列化。 用法: var a = $.param({a: {b: '222',c: '333'}}); var b = $.param({a:[1,2,3]}) v...

zepto事件模块之自定义事件

justnode 4年前 (2015-03-10) 2300浏览 0评论

在讨论zepto的自定义事件之前,我们先来看看DOM自定义事件是如何实现的。注意:本文主要讨论DOM2标准事件模型。 1、创建Event的方法: document.createEvent(eventType);其中eventType可以是Events...

zepto事件模块初探

justnode 4年前 (2015-03-10) 1657浏览

zepto事件模块主要实现了三个功能:DOM事件的绑定,事件委托以及自定义事件的绑定。同时又对Event对象做了一定的扩展。下面我们就先来分析DOM事件是如何进行绑定的。 在zepto中给元素添加事件绑定可以有很多方式,比如可以使用click(fun...