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

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

依據(jù)支持的平臺(tái)市場(chǎng)的定位來(lái)區(qū)分

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

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

Kendo UI

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

jQuery Mobile

這個(gè)框架沒(méi)有將自己定位到任何解決HTML 框架的Web開(kāi)發(fā)者所需要的戰(zhàn)略。強(qiáng)有力的支持所有有名的桌面瀏覽器和移動(dòng)平臺(tái)，因此有時(shí)會(huì)產(chǎn)生更多問(wèn)題。

用戶(hù)界面與視覺(jué)印象的不同

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

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

Kendo UI

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

jQuery Mobile

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

贏家：在這個(gè)方面Kendo UI勝出，因?yàn)樗懈玫囊苿?dòng)性能

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

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

Kendo UI

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

jQuery Mobile

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

贏家： Kendo UI 在這方面勝出，因?yàn)樗С?MVC

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

By

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