Zepto.js

一、概述

Zepto.js是一个轻量的js库，它与jQuery有类似的API。

zepto的设计目的是不到10K的通用库，快速下载，有一个熟悉的api-->精力专注在开发上。

流行起来的原因：轻量；只支持现代浏览器；非常方便的搭配其他框架（phoneGap）来编写代码；优秀的源代码，性能良好。

zepto和jQuery的对比：

浏览器兼容：zepto偏移动端，jQuery偏PC端；

文件大小：zepto 10k　　jQuery 30k  ；

部分API接口：参数和执行结果有可能不一致；

生态圈：jQuery更好；

核心库：zepto核心库的性能要比jQuery优秀；

相关学习网站：http://zeptojs.com/；https://github.com/madrobby/zepto；http://github.e-sites.nl/zeptobuilder/

二、搭建环境与使用

1、搭建环境
1.1 命令行（CLI commandLine）
npm install
npm run-script dist

# do a custom build
MODULES="zepto event data" npm run-script dist

# on Windows
c:\zepto> SET MODULES=zepto event data
c:\zepto> npm run-script dist
The resulting files are:
dist/zepto.js
dist/zepto.min.js

1.2 压缩包

可以直接去官网下载（自定义构建其他模块的--》(http://github.e-sites.nl/zeptobuilder/) builder）

 2、 zepto模块
默认：核心模块、event、ajax、form、ie

选择符的支持：
标签、id、属性、class、父子选择符、后代选择符

节点进行增删改查
插入： insertAfter insertBefore append appendTo prepend prependTo
删除:  remove
改： html('') css addClass removeClass toggleClass...
查： next prev children parent parents find

3、event


4、Ajax

$.Ajax({})
$.get();
$.post();

$('h1').load()

5、Touch
 //swipeLeft swipeRight swipeUp swipeDown
 //doubleTap tap longTap