一、概述

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

 

 

版权声明:本文为7662-scy原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/7662-scy/p/6412881.html