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

86 lines
1.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

## Zepto 的介绍
### 什么是 Zepto
zepto是轻量级的JavaScript库专门为移动端定制的框架。
与jquery有着类似的API俗称会jquery就会用zepto
### zepto的特点
- 针对移动端
- 轻量级压缩版本只有8kb左右
- 响应,执行快
- 语法、API大部分同jquery一样学习难度低上手快。
- 目前API完善的框架中体积最小的一个
### 相关网址
- 官网:<http://zeptojs.com/>
- GitHub<https://github.com/madrobby/zepto>
## 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`事件的效果;否则端,在浏览器上点来点去,是没有反应的。