jQuery Mobile 和 Kendo UI 都是流行的HTML5 JavaScript開發(fā)框架，在開發(fā)中我們可以在它們的基礎(chǔ)上制作所有現(xiàn)代移動Web應(yīng)用。比較 Kendo UI 和 jQuery Mobile 有些類似于比較同一枚硬幣的兩面。眾所周知，jQuery Mobile 實際上并不需要作太多的介紹，因為它是最常用的HTML5框架之一。 Kendo UI 具有相似的動機和類似的發(fā)展速度。與 jQuery Mobile 非常類似，Kendo UI 也是基于jQuery應(yīng)用框架的概念。然而，兩者之間的一個很大區(qū)別是，Kendo UI 是一個作為整體的商業(yè)產(chǎn)品，而 jQuery Mobile 是一個免費開源的框架。不過Kendo UI最近也發(fā)布了一個開源版本Kendo UI Core，同樣是跨平臺的，值得一試。

下面我們從幾方面對兩款框架進(jìn)行了對比評測，幫助你了解 Kendo UI 和 jQuery Mobile 在相同的業(yè)務(wù)領(lǐng)域里之間的差異。

依據(jù)支持的平臺市場的定位來區(qū)分

jQuery Mobile 和Kendo UI 在方向上是有一點不同的。Kendo UI 將它本身定位成為："當(dāng)代web和手機app開發(fā)所需的綜合 HTML5/JavaScript 框架。Telerik's Kendo UI是每一位需要創(chuàng)建HTML5站點和手機apps的專業(yè)開發(fā)人員所需要的。如今，HTML/jQuery 開發(fā)人員的生產(chǎn)效率受困于將那些毫不相干的JavaScript 庫和插件構(gòu)成一個"弗蘭肯斯坦"（ps:一個電影的人名）。Kendo UI 卻擁有全部：豐富的jQuery的窗體部件，簡單并且始終如一的程序接口、穩(wěn)定可靠的數(shù)據(jù)源、驗證、國際化、MVVM框架、主題、模板等等一系列"。

jQuery Mobile將它本身定位為："jQuery Mobile:智能機和平板上觸摸體驗最好的Web Framework。一個統(tǒng)一的，以HTML5為基礎(chǔ)的面向所有流行的手機設(shè)備平臺的用戶接口系統(tǒng)，構(gòu)建在穩(wěn)定可靠的jQuery和jQuery UI 上。它的輕量級代碼逐漸增強并且擁有靈活自由，容易的主題設(shè)計...."。

Kendo UI

Kendo UI擴展支持了所有受歡迎的移動平臺上的頂級HTML桌面瀏覽器，支持全球幾乎所有受歡迎的移動平臺，而且是一次性交付的，不需要針對每個平臺都去構(gòu)建一次。

jQuery Mobile

這個框架沒有將自己定位到任何解決HTML 框架的Web開發(fā)者所需要的戰(zhàn)略。強有力的支持所有有名的桌面瀏覽器和移動平臺，因此有時會產(chǎn)生更多問題。

用戶界面與視覺印象的不同

界面外觀是值得討論的重要方面，兩個框架在這一方面又是非常貼近。假如你需要與自己的應(yīng)用程序保持平臺一致性，那么建議選用 jQuery Mobile，因為它使用了平臺無關(guān)的用戶界面。UI 中包含了大量的組件，它們被快速響應(yīng)，并受到大量第三方的鼎力支持。

如果你從視覺美觀角度考慮這兩個框架，那么 Kendo UI 比 jQuery Mobile 超出更多，因為 Kendo UI 中有多種主題可以適合各種場景，而 jQuery Mobile 僅有一個主題，用于所有樣本塊。至于 Kendo UI，布局設(shè)計與 jQuery Mobile 非常相似，但只要你更仔細(xì)的觀察兩者，就可以分辨出不同。如果你希望從 jQuery Mobile 切換到 Kendo UI 或者反過來，是非?？斓?，你無須擔(dān)心，因為你可以很快就輕松地創(chuàng)建出復(fù)雜的用戶界面設(shè)計。

Kendo UI

• 擁有豐富的UI組件
• 在iOS中，外觀和感覺具有更好的原生體驗
• 如果你需要在不通的平臺上體現(xiàn)獨特的外觀的感覺，有許多主題供選擇
• 在所有的移動設(shè)備上均有很好的UI性能，在所有的動畫轉(zhuǎn)換上能產(chǎn)生原生的感覺。但性能會隨著布局的復(fù)雜度提升而有所降低。

jQuery Mobile

• 這個框架有相同的用戶接口，不區(qū)分你工作的平臺
• UI看起來更像iOS
• 有許多內(nèi)置組件，并且有大量的第三方插件
• jQuery Mobile和Kendo UI相比，在不同的分辨率和CCS方面，有更好的頁面響應(yīng)性
• 和Kendo UI一樣，你能很方便的修改UI
• 如果在性能方面比較jQuery Mobile和Kendo UI，有時應(yīng)用程序?qū)⒆兊猛耆В驗閖Query在移動設(shè)備上會遇到許多麻煩。

贏家：在這個方面Kendo UI勝出，因為它有更好的移動性能

在易用性和可用性上的區(qū)別

我們在這方面區(qū)別二者的第一個觀點也將是一個非常接近的結(jié)果，因為 Kendo UI 和jQuery Mobile都是標(biāo)記驅(qū)動的框架，他們都依賴于jQuery使其易于使用和發(fā)揮。很不幸的是，jQuery Mobile 并沒有優(yōu)化以支持MVC(模型－視圖－控制器）架構(gòu)，而 Kendo UI 則是建立在MVC架構(gòu)上。

Kendo UI

• 雖然JavaScript語法與jQuery語法比較不同，但這個框架也易于使用
• 你可以修改widgets，還可用豐富的主題改變應(yīng)用的外觀
• 支持 MVC

jQuery Mobile

• JavaScript的語法和標(biāo)準(zhǔn)jQuery相似，使它易于無縫使用
• 雖然不支持MVC，但你能通過 Knockout.js 或 Backbone.js 來解決這個極佳的主題支持
• 你不需要任何IDE來構(gòu)建移動Web應(yīng)用程序

贏家： Kendo UI 在這方面勝出，因為它支持 MVC

綜上所述，jQuery Mobile更多提到移動端的使用，而Kendo UI是一個混合的 jQuery 用戶接口，jQuery Mobile則更傾向服務(wù)器端支持。在界面的豐富性和UI性能上，Kendo UI更勝一籌。在易用性上，jQuery Mobile和Kendo UI都基于jQuery，所以非常便于操作，但Kendo UI支持MVC架構(gòu)，而jQuery Mobile不支持。

By

慧都特邀Kendo UI原廠開發(fā)工程師舉行線上公開課，使用該控件的朋友千萬別錯過哦>>