Web/07-移动web开发/01-Zepto入门.md
2018-04-14 22:43:59 +08:00

1.5 KiB
Raw Blame History

Zepto 的介绍

什么是 Zepto

zepto是轻量级的JavaScript库专门为移动端定制的框架。

与jquery有着类似的API俗称会jquery就会用zepto

zepto的特点

  • 针对移动端

  • 轻量级压缩版本只有8kb左右

  • 响应,执行快

  • 语法、API大部分同jquery一样学习难度低上手快。

  • 目前API完善的框架中体积最小的一个

相关网址

Zepto 与 jQuery 的前世今生

相同点

  • 都是优秀的js函数库

  • 语法、API大部分都一样zepto是按照jquery的思路来设计的

  • Zepto 相当于 jQuery 的子集

  • 同jQuery一样都是以$符号为核心函数。

不同点

Zepto 的初体验

1Zepto 库的下载:

我们去官网下载 Zepto的开发版本zepto.js

20180414_2210.png

官网里,还有这样一张图:

20180414_2215.png

上图的意思是:

  • 最前面打钩的那五个api已经包含在zepto.js 文件里了;

  • 后面没有打钩的那些api如果需要用它们必须单独下载响应的文件。

比如说,移动端的 touch 事件是很常见的,我们可以将touch.js这个文件下载,稍后用。

2代码演示

注意,我们要将浏览器切换到手机模式,才能看到touchstart事件的效果;否则端,在浏览器上点来点去,是没有反应的。