1.簡介
隨著移動端的愈加火爆，目前很多HTML5的框架都在支持移動方向，比如：Vue.js，zepto.js，React Native等等。
Zepto是一個輕量級的針對現(xiàn)代高級瀏覽器的JavaScript 庫， 它與jquery 有著類似的api。 如果你會用 jquery，那么你也會用 zepto。
Zepto的設(shè)計目的是提供 jQuery 的類似的API，但并不是100%覆蓋 jQuery。Zepto設(shè)計的目的是有一個5-10k的通用庫、下載并快速執(zhí)行、有一個熟悉通用的API，所以你能把你主要的精力放到應(yīng)用開發(fā)上。
思考：jQuery和Zepto.js的區(qū)別在哪里？
（1）jQuery更多是在PC端被應(yīng)用，因此，考慮了很多低級瀏覽器的的兼容性問題；而Zepto.js則是直接拋棄了低級瀏覽器的適配問題，顯得很輕盈；
（2）Zepto.js在移動端被運用的更加廣泛；更注重在移動端的使用
（3）jQuery的底層是通過DOM來實現(xiàn)效果的，zepto.js 是用css3來實現(xiàn)的；
（4）Zepto.js可以說是閹割版本的jQuery。
( 5 )zepto與jquery主要的區(qū)別是在模塊上的區(qū)別：http://www.css88.com//doc//zeptojs_api//
zepto默認(rèn)只有基本的模塊，其他功能模塊需要單獨引用。
引用的模塊，必須放在zepto的后面，fx.js 和fx_methods.js 他們之間必須是fx_methods.js在fx.js的后面；其他的包之間順序無所謂；
jQuery默認(rèn)是一個文件中，包含所有的功模塊；
zepto的底層是通過css3實現(xiàn)的，jQuery是操作的DOM,所以有些css3的效果，是jquery做不到的；
zepto比jQuery多了更多的移動端的 事件的支持，比如說tap， swipe……
zepto的兼容性比jQuery差，因為zepto更多的是注重移動端和效率，jQuery注重的是兼容性。
注意：zepto上面的動畫，不要加太多， 因為動畫很耗性能，加多了會很卡，特別是一些webview開發(fā)；
中文版：http://www.css88.com//doc//zeptojs_api//
github :https://github.com/madrobby/zepto
2 zepto兼容的瀏覽器
Safari 6+
Chrome 30+ ? ?對谷歌較為友好
Firefox 24+
iOS 5+ Safarii ?ios的支持版本也比較早
Android 2.3+ Browser,注意支持Android的版本比較早
Internet Explorer 10+ ? 對ie不太友好
2 Zepto初體驗
例如：點擊改顏色
2 Zepto初體驗
例如：點擊改顏色
點擊修改顏色\
3.zepto與jquery使用上的區(qū)別
注意：zepto與jquery主要的區(qū)別是在模塊上的區(qū)別：http://www.css88.com//doc//zeptojs_api//
1.選擇器-模塊
選擇器$( ' div:eq(1) ' ) :http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp
例子：點擊改第二個顏色
3.zepto與jquery使用上的區(qū)別
注意：zepto與jquery主要的區(qū)別是在模塊上的區(qū)別：http://www.css88.com//doc//zeptojs_api//
1.選擇器-模塊
選擇器$( ' div:eq(1) ' ) :http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp
例子：點擊改第二個顏色
2.動畫-模塊
例子：點擊改變寬度
3.隱藏toggle-模塊
toggle的用法? :http://www.w3school.com.cn/jquery/effect_toggle.asp
4.Tap事件-模塊
tap只作用在移動端，PC端是無效的;注意
click在pc端和移動端都是ok的;
但是我們在移動端要用tap，因為 tap 比 click 快200-300ms。
例子，點擊改變顏色：
5.swipe滑動-模塊
注意： 如果想在移動設(shè)備上使用swipe事件，先要清除系統(tǒng)默認(rèn)的手勢事件/*清楚系統(tǒng)默認(rèn)的事件*/這是第一件事就這樣做
*{
touch-action: none;//清除系統(tǒng)默認(rèn)的手勢事件
}
