title:Zepto # 文章页面上的显示名称，可以任意修改，不影响文章的 URL
date: 2015-05-09 09:26:16 # 文章生成时间，一般不改
categories: # 文章分类目录，可省略
- 框架
- Zepto
tags: # 文章标签，可省略
- Zepto
- 框架 # 个数不限，单个可直接跟在 tags 后面

---

zepto.js

zepto

• zepto官网

• 英文版 http://zeptojs.com/

• 中文版 http://www.bootcss.com/p/zeptojs/

• Zepto 是⼀个轻量级的针对现代⾼级浏览器的 JavaScript 库， 它与jquery 有着类似的api。
  如果你会⽤ jquery，那么你也会⽤ zepto。

• Zepto的设计⽬的是提供 jQuery 的类似的API，但并不是100%覆盖 jQuery 。Zepto设计的
  ⽬的是有⼀个5-10k的通⽤库、下载并快速执⾏、有⼀个熟悉通⽤的API，所以你能把你主
  要的精⼒放到应⽤开发上。

• 思考：jQuery和Zepto.js的区别在哪⾥？

• jQuery更多是在PC端被应⽤，因此，考虑了很多低级浏览器的的兼容性问题；
  ⽽Zepto.js则是直接抛弃了低级浏览器的适配问题，显得很轻盈；

• Zepto.js在移动端被运⽤的更加⼴泛；

• jQuery的底层是通过DOM来实现效果的， zepto.js 是⽤css3 来实现的

• Zepto.js可以说是阉割版本的jQuery。

• Zepto设计模块

• zepto 为了保持⾜够的轻量和效率，只保留了默认的最基本的功能，其他的功能，如果
  有需要，只要再次引⼊就可以了；

• tap和click的区别

• tap 只作⽤在移动端，PC端是⽆效的

• click 在pc端和移动端都是ok的

• 但是我们在移动端要⽤tap，因为 tap ⽐ click 快200-300ms

• zepto 和 jQuery

• ⾸先，zepto默认只具有基本的模块，其他功能模块需要单独引⽤，引⽤的模块，必须
  放在zepto的后⾯，fx.js 和fxmethods.js 他们之间必须是fxmethods.js在fx.js的后⾯；
  其他的包之间顺序⽆所谓；

• jQuery默认是⼀个⽂件中，包含所有的功模块；

• zepto的底层是通过css3 实现的，jQuery是操作的DOM,所以有些css3的效果，是
  jquery做不到的；

• zepto⽐jQuery多了更多的移动端的 事件的⽀持，⽐如说tap， swipe……

• zepto的兼容性⽐jQuery差，因为zepto更多的是注重移动端和效率，jQuery注重的是
  兼容性；