如何实现swipe、tap、longTap等自定义事件

2018-03-04
阅读 10 分钟
3.4k
移动端原生支持touchstart、touchmove、touchend等事件,但是在平常业务中我们经常需要使用swipe、tap、doubleTap、longTap等事件去实现想要的效果,对于这种自定义事件他们底层是如何实现的呢?让我们从Zepto.js的touch模块去分析其原理。您也可以直接查看touch.js源码注释

向Zepto学习关于"偏移"的那些事

2017-12-17
阅读 7 分钟
3.1k
这篇文章主要想说一下Zepto中与"偏移"相关的一些事,很久很久以前,我们经常会使用offset、position、scrollTop、scrollLeft等方式去改变元素的位置,他们之间有什么区别,是怎么实现的呢?接下来我们一点点去扒开他们的面纱。

Zepto这样操作元素属性

2017-12-09
阅读 8 分钟
7.9k
使用Zepto的时候,我们经常会要去操作一些DOM的属性,或元素本身的固有属性或自定义属性等。比如常见的有attr(),removeAttr(),prop(),removeProp(),data()等。接下来我们挨个整明白他们是如何实现的...点击zepto模块源码注释查看这篇文章对应的解析。

Zepto源码分析之ie模块

2017-11-03
阅读 2 分钟
2.6k
Zepto中的ie模块主要是改写getComputedStyle浏览器API,代码量很少,但也是其重要模块之一。在看源代码之前,我们先回顾一下如何使用

Zepto中数据缓存原理与实现

2017-10-03
阅读 7 分钟
4.7k
以前我们使用Zepto进行开发的时候,会把一些自定义的数据存到dom节点上,好处是非常直观和便捷,但是也带来了例如直接将数据暴露出来会出现安全问题,数据以html自定义属性标签存在,对于浏览器本身来说是没有多大意义的,最后要获取数据的时候还得操作dom。Zepto有一个data模块,专门用来做数据缓存,允许我们存放任何...

看Zepto如何实现增删改查DOM

2017-10-03
阅读 14 分钟
3.1k
dom也就是文档对象模型,是针对HTML和XML的一个api,描绘了一个层次化的节点树。虽然浏览器原生给我们提供了许多操作dom的方法,使我们可以对dom进行查找,复制,替换和删除等操作。但是zepto在其基础上再次封装,给以我们更加便捷的操作方式。先看下图,我们以删除元素,插入元素,复制元素,包裹元素和替换元素几个模块...

zepto源码分析之form模块

2017-10-01
阅读 4 分钟
2.4k
JavaScript最初的一个应用场景就是分担服务器处理表单的责任,打破处处依赖服务器的局面,这篇文章主要介绍zepto中form模块关于表单处理的几个方法,serialize、serializeArray、submit。

Zepto核心模块之工具方法拾遗

2017-08-30
阅读 8 分钟
4.2k
平时开发过程中经常会用类似each、map、forEach之类的方法,Zepto本身也把这些方法挂载到$函数身上,作为静态方法存在,既可以给Zepto的实例使用,也能给普通的js对象使用。今天我们主要针对其提供的这些api做一些源码实现分析。

这些Zepto中实用的方法集

2017-08-26
阅读 5 分钟
2.5k
时间过得可真快,转眼间2017年已去大半有余,你就说吓不吓人,这一年你成长了多少,是否荒度了很多时光,亦或者天天向上,收获满满。今天主要写一些看Zepto基础模块时,比较实用的部分内部方法,在我们日常工作或者学习中也会用的到。

谁说你只是"会用"jQuery?

2017-06-09
阅读 12 分钟
3.5k
前端在最近几年实在火爆异常,vue、react、angular各路框架层出不穷,咱们要是不知道个双向数据绑定,不晓得啥是虚拟DOM,也许就被鄙视了。火热的背后往往也是无尽的浮躁,学习这些先进流行的类库或者框架可以让我们走的更快,但是静下心来回归基础,把基石打牢固,却可以让我们走的更稳,更远。

jQuery中$()函数的7种用法汇总

2015-11-16
阅读 3 分钟
11.5k
jQuery对象是一个类数组的对象,含有连续的整形属性以及一系列的jQuery方法。它把所有的操作都包装在一个jQuery()函数中,形成了统一(也是惟一)的操作入口。其中我们用的非常频繁的一个函数是$()或者说是jQuery(),当我们调用他的时候会根据传入的参数的不同而达到不同的效果。