? ? ? ? ? ?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ú)畏。