5款移動開發輕量jQuery的替代品

jopen 11年前發布 | 49K 次閱讀 jQuery Ajax框架

我們都愛jQuery的。這個網站甚至專門為建設美麗的例子,使用該庫。但也有情況下,jQuery是不是一個明智的選擇。如果您使用的是它只有簡單的DOM操作或一個AJAX請求或兩個,為什么放慢你的頁面加載時間,并引入一個額外的依賴?

更嚴重的問題是,在移動設備上。你看,雖然我們包括通過CDN的jQuery像谷歌的,它仍然是不自由 - 下載和解析尚需時日。非常的事情,jQuery的流行 - 完美的跨瀏覽器的支持,也使得它太笨重的移動設備上使用。畢竟,為什么你會需要你的移動網站,支持老版本的IE,如果它被看作是只在iOS和Android?

獲取精益

還有一些其它的要解決的問題。例如動畫jQuery的方法是修改css樣式屬性的元素在小的時間間隔。在桌面上,這工作得很好,但在移動設備上表現不佳。純CSS動畫另一方面(使用過渡和@關鍵幀的)的硬件加速和平穩。

這意味著,手機網站建設,必須采取一種全新的方式。幸運的是,還有5個庫,可以幫助我們。

Zepto.js

5款移動開發輕量jQuery的替代品

Zepto.js

這是功能最豐富的圖書館,在那里,是專為iOS和Android(兩者都使用WebKit引擎)。保持幾乎所有jQuery的功能在8KB(而不是jQuery的32),并增加了觸摸事件(包括捏縮放)和純粹的CSS動畫支持。它采用模塊化的方法 - 你只添加組件,您需要一個更精簡的庫。

Snack.js

5款移動開發輕量jQuery的替代品

Snack.js

小吃是一個小而簡單的JavaScript庫。雖然小項目的理想選擇,它有足夠的它來構建復雜的,跨瀏覽器的Web應用程序。它采用了不同的方法,它比的Zepto脫離jQuery的API,但在3KB大小的一半。你將不得不處理自己的動畫與這一個。

DOM

5款移動開發輕量jQuery的替代品

DOM

$ DOM更小 - ,2KB它包裝相當一拳。它使跨瀏覽器兼容性,甚至處理動畫(雖然jQuery的方法與超時),但省略的功能,如數組操作功能和AJAX。完美的使用情況下,為這個圖書館是建立反應靈敏的網站,這可以被視為在智能手機,平板電腦和臺式機。

xui.js

5款移動開發輕量jQuery的替代品

xui.js

在4KB XUI是一個小創作HTML5移動Web應用程序的框架。它的工作原理在所有的設備在移動的風景,甚至有特殊的構建,即WebKit的手機和黑莓瀏覽器。它支持觸摸事件,甚至有一個jQuery的兼容性插件。

140medley

5款移動開發輕量jQuery的替代品

140medley

你不能去比140medley更微觀。這0.5KB收集功能的靈感來自于140bytes大賽,參與者創建鳴叫大小的JavaScript片段。它支持模板,事件和AJAX。這僅是親領土,作為唯一的文檔通過隱秘的源代碼中的注釋。

結論

這些僅僅是一些令人興奮的新框架是在那里。但它是不夠的,有一個真棒的名稱或網站 - 社區是什么使得或打破一個開源項目的。所以,如果你發現一些有趣的事情,是值得你花時間,確保它流傳著一句話。

來自:http://blog.csdn.net/jason_ldh/article/details/15204433

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!