jQuery Mobile 和 Kendo UI 的比较

  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:一个电影的人名)。Kendo UI 却拥有全部:丰富的jQuery的窗体部件,简单并且始终如一的程序接口,稳定可靠的数据源,验证,国际化,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来构建移动Web应用程序。

(0)

相关推荐

  • jQuery mobile 移动web(4)

    移动互联网的发展,促生了各种各样的移动Web框架.jQuery Mobile 是一个针对触摸体验的 web UI 开发框架,很容易就可以把 Web App 包装成适合 Android 与 iOS等触屏移动设备的 Javascript 库,与 HTML5结合可以很方便快速的开发出一款具有良好界面及用户体验的 Web App,而且不需要安装任何东西,只需将需要的 *.js 和 *.css 文件直接包含到 web 页面中即可. 下拉菜单: 设置label 元素的for 属性为 select lab

  • jQuery Mobile页面返回不需要重新get

    jQuery Mobile 是用于创建移动 Web 应用的前端开发框架. jQuery Mobile 可以应用于智能手机与平板电脑. jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页. 最近公司的web app项目,使得我有幸一直接触和学习jQuery Mobile.这确实是一个很不错的移动开发库,有助于擅长web开发的工程师,快速入门并构建自己的移动应用.但是在前两天,我碰到了一个问题,使我查了很多资料都没有找到很好的解决方案,最终只能逼着我读jQuery Mo

  • jQueryMobile之Helloworld与页面切换的方法

    本文实例讲述了使用jQueryMobile实现滑动翻页效果的方法.分享给大家供大家参考.具体分析如下: jQuery Mobile是jQuery 在手机上和平板设备上的版本.jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架.支持全球主流的移动平台.就是能够迅速能把页面写成APP的界面,让用户浏览网页,相当于在使用布局好的app一样. 首先要在jQueryMobile(点击此处本站下载)下载一个压缩包,然后把这个压缩包的所有内

  • jQuery Mobile框架中的表单组件基础使用教程

    一.表单组件基础 1.组件简介 jQuery Mobile 中的表单组件是基于标准 HTML ,然后在此基础上增强样式,因此即使浏览器不支持 jQuery Mobile 表单仍可正常使用.需要注意的是, jQuery Mobile 会把表单元素增强为触摸设备很容易使用的形式,因此对于 iphone/ipad 与 Android 使用 Web 表单将会变得非常方便. jQuery Mobile 的表单组件有以下几种: (1)文本输入框, type="text" 标记的 input 元素会

  • jQuery Mobile的loading对话框显示/隐藏方法分享

    显示loading对话框方法是: 复制代码 代码如下: $.mobile.showPageLoadingMsg(); 也可设置参数 复制代码 代码如下: $.mobile.showPageLoadingMsg("b","加载中",false); 隐藏loading对话框方法是: 复制代码 代码如下: $.mobile.hidePageLoadingMsg();

  • jQuery Mobile 导航栏代码

    导航栏是由一组水平排列的链接组成,通常包含在头部或尾部内. 默认情况下,导航栏中的链接将自动变成按钮(不需要 data-role="button"). 使用 data-role="navbar" 属性来定义导航栏: 复制代码 代码如下: <div data-role="header"><div data-role="navbar"><ul><li><a href="

  • jQuery Mobile操作HTML5的常用函数总结

    一. $.mobile.changePage() & $.mobile.loadPage() 1.$.mobile.changePage() $.mobile.changePage() 方法会在页面加载时自动调用,若这个页面为当前文档中的不同 "page",则会转到这个新页面隐藏旧页面:若这个页面为外部页面,即页面与当前页面不在同一文档中(本质上是新页面不在当前 DOM 中),$.mobile.changePage() 首先会调用 $.mobile.loadPage() 把外部

  • JqueryMobile动态生成listView并实现刷新的两种方法

    JqueryMobile动态生成listView并实现刷新的两种方法 复制代码 代码如下: function queryEntfernungen(tx, results)   alert("This Hello works");   var len = results.rows.length;     // This For works fine for (var i = 0; i < len; i++) {       $("div[data-role=content

  • jquerymobile checkbox及时刷新才能获取其准确值

    解决办法: 复制代码 代码如下: $('input[type="checkbox"]').bind('click',function() { $(this).prop('checked').checkboxradio("refresh"); // 绑定事件及时更新checkbox的checked值 }); 如果要用js去改变checkbox的值时也要及时刷新. 复制代码 代码如下: $('input [type="checkbox"]').att

  • 使用jQuery mobile库检测url绝对地址和相对地址的方法

    path.isAbsoluteUrl() 检测绝对网址 jQuery.mobile.path.isAbsoluteUrl(url) 如果一个URL是绝对的实用方法.如果URL是绝对的这个函数返回一个布尔值 true ,否则返回 false. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewpor

  • 详解jQuery Mobile自定义标签

    本文实例讲解了jQuery Mobile自定义标签,分享给大家供大家参考,具体内容如下 规划产品国际化的需求时,涉及到PC Web,移动Web,和各app.设计了多个版本的移动Web均不理想. 由于移动Web采用了jQuery Mobile框架,所以将切换语言放在哪个位置更合理进行了讨论.讨论的过程和多个方案我就不提了,先来看看最终效果: 是不是感觉很经验,这里一开始尝试了多次,最终自定义了一个下拉选项,代码如下: <!DOCTYPE html> <html> <head&g

  • 使用jquery mobile做幻灯播放效果实现步骤

    使用jquery mobile,可以很容易实现幻灯播放效果,下面讲解下. 1.引入相关的jqury mobile类库 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" />

随机推荐