Zepto初識(shí)

? ? ? ? ? ?Zepto在2014/2015年較火,現(xiàn)在關(guān)注度明顯下降諸多,但接觸到就稍微再了解一下。

? ? ? ? Zepto是一個(gè)輕量級(jí)的針對(duì)現(xiàn)代高級(jí)瀏覽器的JavaScript庫(kù), 它與jquery有著類(lèi)似的api。主要針對(duì)現(xiàn)代瀏覽器開(kāi)發(fā),暫時(shí)不支持IE 10以下,針對(duì)移動(dòng)端(如:觸摸屏交互)去除了大量jQuery的兼容代碼,部分API的實(shí)現(xiàn)方式不同。

? ? ? ? ? 目前,最新版本為 1.2.0


? ? 與jQuery比較,有以下區(qū)別:

? ? ? ? ? ? DOM操作:添加id時(shí),jQuery不會(huì)生效而Zepto會(huì)生效。

? ? ? ? ? ? 事件觸發(fā):使用jquery時(shí),load事件的處理函數(shù)不會(huì)執(zhí)行;使用zepto時(shí),load事件的處理函數(shù)會(huì)執(zhí)行。

? ? ? ? ? ? 事件委托:zepto中,選擇器上所有的委托事件都依次放入到一個(gè)隊(duì)列中,而在jquery中,則委托成獨(dú)立的多個(gè)事件。

? ? ? ? ? ? width() 與 height():zepto由盒模型(box-sizing)決定,用.width()返回賦值的width,用.css('width')返回border等的結(jié)果;jquery會(huì)忽略盒模型,始終 ? ? ?返回內(nèi)容區(qū)域的寬/高(不包含padding、border)。

? ? ? ? ? ? offset():zepto 返回{top,left,width,height}; jquery 返回{width,height}。zepto 無(wú)法獲取隱藏元素寬高,jquery可以。

? ? ? ? ? ? zepto中沒(méi)有為原型定義extend方法,而jquery有; zepto的each方法只能遍歷數(shù)組,不能遍歷JSON對(duì)象。


? ? ? 以上摘自網(wǎng)絡(luò)資源,侵刪?!緝H為以后使用時(shí),避免并減少失誤,源碼不過(guò)千行,可以尋其細(xì)節(jié)】

? ? ? 還可參考文章:http://www.haorooms.com/post/zeptojs_use

? ? ? 當(dāng)然,原生編碼固然優(yōu)選,只是在更多的任務(wù)場(chǎng)景,選擇合理便捷的工具更適宜。不斷嘗試中,發(fā)現(xiàn)并解決問(wèn)題,技術(shù)迭代雖迅猛,認(rèn)真專(zhuān)注亦無(wú)畏。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Query 由于強(qiáng)大的生命力基本上是一個(gè)事實(shí)標(biāo)準(zhǔn),所以大部分工具 lib 在 DOM 操作、動(dòng)畫(huà)等功能上或多或少都...
    一個(gè)愛(ài)折騰的程序媛妹子閱讀 465評(píng)論 0 1
  • 請(qǐng)參看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,761評(píng)論 2 19
  • ?1.背景介紹 HTML頁(yè)面中的元素實(shí)現(xiàn)一對(duì)一,一對(duì)多或者多對(duì)一的控制,這就需要用到CSS選擇器。 HTML頁(yè)面中...
    遠(yuǎn)望的云閱讀 4,581評(píng)論 2 1
  • 七年前,那個(gè)酷熱的夜晚,在思中食堂后面廣場(chǎng)的乒乓球臺(tái)上,你買(mǎi)了啤酒,為我送別。 咱們的間隔,從一同生活了三年的校園...
    somi35閱讀 300評(píng)論 0 0
  • 今天給娘親電話,娘親說(shuō)明天你過(guò)歲,我說(shuō)除了你好像沒(méi)有人再注意這個(gè)事情,說(shuō)完我突然就眼邊子紅了。 兒生母苦也許是母親...
    就愛(ài)嗑瓜子閱讀 393評(píng)論 6 7

友情鏈接更多精彩內(nèi)容