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