文章意在記錄自己在學習angular2中的一些收獲,請帶著質疑的眼光去看文章。由于本人也是學習階段,語言各方面的難免會不嚴謹的地方甚至錯的地方,若有說的不對的地方,歡迎指出~~~
簡介
Zepto是一個輕量級的針對現代高級瀏覽器的JavaScript庫, 它與jquery有著類似的api。 如果你會用jquery,那么你也會用zepto。
移動端框架和傳統框架的區別:
主要區別是移動端框架內部對移動端做一些優化和處理,它并不為你解決適配問題(適配一般用bootstrap);再次就是事件上,移動端主要是觸摸之類的,pc則是鼠標鍵盤事件;還有就是移動端可以使用很多H5的技術,比如定位之類的。
為什么要使用Zepto
1.無縫接入和改造現有的項目
2.更好的代碼執行效率
對比其他框架的優勢
1.學習成本低
2.比較輕量化,沒有提供復雜的模式
Zepto中的$
$做的是選擇器的事情,即把頁面中的dom元素選擇出來,返回給我們,然后我們根據需要給dom元素做操作,比如綁定事件、操作樣式、屬性操作等。
和jquery$的區別:看起來差別不大,實際上Zepto中的$對移動端做了很多優化,源碼中也比jQuery簡單了很多。
Zepto Core和Event官網例子都很詳細了。
Zepto中的ajax
和jQuery中的如出一轍,只不過它使用的是XMLHttpRequest level 2的協議,優點就是它可以直接實現一些PC端跨域訪問的請求。
Zepto touch
touch事件全部是插件:
比如fx、fx_methods動畫效果,不推薦使用太多動畫,性能會差。
比如deferred是處理異步回調的設計模式
還可以自己擴展插件