jQuery Mobile 和 Kendo UI 都是流行的 JavaScript 框架,在開發中我們可以在它們的基礎上添磚加瓦製作所有現代移動WEB應用。這兩個框架都是基於使用率頂尖的 JavaScript 函式庫 jQuery 所建構的。比較 Kendo UI 和 jQuery Mobile 有些類似於比較同一枚硬幣的兩面。眾所周知,jQuery Mobile 實際上並不需要太多的介紹,因為它是最常用的HTML5框架之一。 Kendo UI 有相似的動機和類似的發展速度。與 jQuery Mobile 非常類似,Kendo UI 也是基於jQuery應用框架的概念。然而,兩者之間的一個很大區別是,Kendo UI 是一個作為整體的商業產品,而 jQuery Mobile 是一個開源框架。這並不意味著因為 Kendo UI 不開源你就應該切換到 jQuery Mobile 上,因為開源本身並不能意味著 jQuery Mobile 就比 Kendo UI 更好,反之亦然。
在這篇WDJ的文章中我們會盡力更了解 Kendo UI 和 jQuery Mobile 在相同的業務領域裡的差異。
jQuery Mobile 和Kendo UI 在方向上是有一點不同的。你可以了解到Kendo UI 將它本身定位成為:"當代web和手機app開發所需的綜合HTML5/JavaScript 框架。Telerik's Kendo UI是每一位需要創建HTML5站點和手機apps的專業開發人員所需要的。如今,HTML/jQuery 開發人員的生產效率受困於將那些毫不相干的JavaScript 庫和插件構成一個「弗蘭肯斯坦」(ps:一個電影的人名)。窗體部件,簡單且一致的程式接口,穩定可靠的資料來源,驗證,國際化,MVVM框架,主題,模板,等等一系列...."。
然而jQuery Mobile將它本身定位為:「jQuery Mobile:智能機和平板上觸摸體驗最好的Web Framework.一個統一的,以HTML5為基礎的面向所有流行的手機設備平台的用戶接口系統,建立在穩定可靠的jQuery和jQuery UI 上。
綜上所述,很明顯jQuery Mobile 開發者們將jQuery Mobile定義為在市場上同類產品中一個完全新奇的產品。在jQuery Mobile 的定義這移動生態早在第二段就被定義了。這是一個很重要的因素關於Kendo UI 為什麼只與jQuery Mobile相似,但卻成為某種程度上不同的產品。在於jQuery Mobile比較Kendo UI作為一個框架更多提到行動端的使用。總而言之,這些表明Kendo UI是一個混合的jQuery 用戶接口,而jQuery Mobile則更傾向於伺服器端支援。
Kendo UI
這框架是與jQuery Mobile相似的擴充功能支援了所有受歡迎的行動平台上的所有頂級的HTML桌面瀏覽器。儘管事實上它比jQuery Mobile遜色一些但是它提出支援全球幾乎所有受歡迎的平台這一偉大的市場策略。
jQuery Mobile
這個框架沒有將自己定位到任何解決HTML 框架的Web開發者所需的策略。
強有力的支援所有又有名的桌面瀏覽器和行動平台,因此有時會產生更多問題。
被多數行動平台和桌面瀏覽器所支援
勝利者:看樣子兩者之間勢均力敵。
介面外觀是值得討論的重要方面,兩個框架在這一方面又是非常貼近。如果你需要與自己的應用程式保持平台一致性,那麼建議選用 jQuery Mobile,因為它使用了平台無關的使用者介面。 UI 中包含了大量的元件,它們被快速回應,並受到大量第三方的鼎力支援。
如果你從視覺角度考慮這兩個框架,那麼Kendo UI 比jQuery Mobile 超出更多,因為Kendo UI 中有多種主題可以適合各種模擬,而jQuery Mobile 僅有一個主題,用於所有樣本塊。至於 Kendo UI,佈局設計與 jQuery Mobile 非常相似,但只要你更仔細的觀察兩者,就可以分辨出不同。如果你希望從 jQuery Mobile 切換到 Kendo UI 或者反過來,是非常快的,你無須擔心,因為你可以很快就輕鬆地創建出複雜的使用者介面設計。
擁有豐富的插件支援像jQuery Mobile
在iOS中,外觀和感覺具有更好的原生體驗
如果你需要在不通的平台上體現獨特的外觀的感覺時,有許多的主題供選擇
在所有的行動裝置上有很好的UI效能,在所有的動畫轉換上能產生原生的感覺。可惜的是效能會隨著版面的複雜度提升而降低
jQuery Mobile
這個框架有相同的使用者接口,不區分你工作的平台
UI看起來更像iOS
有許多的內建插件,並且有大量的第三方插件
jQuery MobileKendo UI相比,在不同的解析度和CCS方面,有更好的頁面響應性
和Kendo UI一樣,你能很方便的修改UI
如果在效能方面比較jQuery Mobile和Kendo UI,有時應用程式將變得完全失效,因為jQuery在行動裝置上會遇到許多的麻煩。
贏家:在這方面Kendo UI勝出,因為它有更好的行動表現。
我們在這方面區別二者的第一個觀點也將是一個非常接近的結果,因為 Kendo UI 和jQuery Mobile都是標記驅動的框架,他們都依賴於jQuery使其易於使用和發揮。不幸的是,jQuery Mobile 並沒有潤飾以支援MVC(模型-視圖-控制器)架構,而 Kendo UI 是建立在MVC架構上。
Kendo UI
雖然JavaScript語法與jQuery語法比較不同,但這個框架也容易使用。
你可以修改widgets,如同可用廣泛的主題改變應用的外觀及其感覺。
支援 MVC 。
jQuery Mobile
JavaScript的語法和標準jQuery相似,使它易於無縫使用。
雖然不支援MVC,但你能透過 Knockout.js 或 Backbone.js 來解決這個。
極佳的主題支援。
你不需要任何IDE來建立行動網路應用程式。

实现方法:1、用“$("img").delay(毫秒数).fadeOut()”语句,delay()设置延迟秒数;2、用“setTimeout(function(){ $("img").hide(); },毫秒值);”语句,通过定时器来延迟。

修改方法:1、用css()设置新样式,语法“$(元素).css("min-height","新值")”;2、用attr(),通过设置style属性来添加新样式,语法“$(元素).attr("style","min-height:新值")”。

区别:1、axios是一个异步请求框架,用于封装底层的XMLHttpRequest,而jquery是一个JavaScript库,只是顺便封装了dom操作;2、axios是基于承诺对象的,可以用承诺对象中的方法,而jquery不基于承诺对象。

增加元素的方法:1、用append(),语法“$("body").append(新元素)”,可向body内部的末尾处增加元素;2、用prepend(),语法“$("body").prepend(新元素)”,可向body内部的开始处增加元素。

在jquery中,apply()方法用于改变this指向,使用另一个对象替换当前对象,是应用某一对象的一个方法,语法为“apply(thisobj,[argarray])”;参数argarray表示的是以数组的形式进行传递。

删除方法:1、用empty(),语法“$("div").empty();”,可删除所有子节点和内容;2、用children()和remove(),语法“$("div").children().remove();”,只删除子元素,不删除内容。

去掉方法:1、用“$(selector).removeAttr("readonly")”语句删除readonly属性;2、用“$(selector).attr("readonly",false)”将readonly属性的值设置为false。

on()方法有4个参数:1、第一个参数不可省略,规定要从被选元素添加的一个或多个事件或命名空间;2、第二个参数可省略,规定元素的事件处理程序;3、第三个参数可省略,规定传递到函数的额外数据;4、第四个参数可省略,规定当事件发生时运行的函数。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

SublimeText3 Linux新版
SublimeText3 Linux最新版

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

WebStorm Mac版
好用的JavaScript開發工具

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!