[toc]
## pre
**zepto** 使用基本同 **jQuery**
但,**zepto**是专门为安卓和IOS系统所在的移动端设计的,它并不支持IE6~8,有一些方法连IE高版本也不支持。
JQ的第一代版本兼容所有浏览器(最常用的版本),第二代和第三代不再兼容IE低版本浏览器
**zepto** 只实现了部分JQ中常用的方法,有一些方法在zepto中无法使用,例如:JQ中的animate、hide、show、slideDown、slideUp...这些动画,但是**zepto**中只有animate,其它快捷动画不支持
**zepto**类库的体积比**jQuery**小很多,它属于轻量级的JS类库,8到10几kb,更适合移动端的使用
**zepto**中提供了移动端专用的事件操作方法,而jquery中没有(没有鼠标移动事件、键盘事件,多了手指事件)
- `tap`:点击
- `singleTap`:单击
- `doubleTap`:双击
- `longTap`:长安
- `swipe`:滑动
- `swipe/Down/Left/Right`:四个方向滑动
- `pinchln/Out`:放大缩小
- ...
**zepto**中的animate支持transform变形
,没有`.stop`
```,
$('selector').animate({
top:100
,rotate:'360deg'
},1000,'linear',function(){
});
```
- 空白目录
- window
- location
- history
- DOM
- 什么是DOM
- JS盒子模型
- 13个核心属性
- DOM优化
- 回流与重绘
- 未整理
- 文档碎片
- DOM映射机制
- DOM库封装
- 事件
- 功能组件
- table
- 图片延迟加载
- 跑马灯
- 回到顶部
- 选项卡
- 鼠标跟随
- 放大镜
- 搜索
- 多级菜单
- 拖拽
- 瀑布流
- 数据类型的核心操作原理
- 变量提升
- 闭包(scope)
- this
- 练习题
- 各种数据类型下的常用方法
- JSON
- 数组
- object
- oop
- 单例模式
- 高级单例模式
- JS中常用的内置类
- 基于面向对象创建数据值
- 原型和原型链
- 可枚举和不可枚举
- Object.create
- 继承的六种方式
- ES6下一代js标准
- babel
- 箭头函数
- 对象
- es6勉强笔记
- 流程控制
- switch
- Ajax
- eval和()括号表达式
- 异常信息捕获
- 逻辑与和或以及前后自增
- JS中的异步编程思想
- 上云
- 优化技巧
- 跨域与JSONP
- 其它跨域相关问题
- console
- HTML、XHTML、XML
- jQuery
- zepto
- 方法重写和方法重载
- 移动端
- 响应式布局开发基础
- 项目一:创意简历