[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
- 方法重寫和方法重載
- 移動端
- 響應式布局開發基礎
- 項目一:創意簡歷