jQuery Mobile 和 Kendo UI 的比较


Posted in Javascript onMay 05, 2016

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应用程序。

Javascript 相关文章推荐
用js实现控制内容的向上向下滚动效果
Jun 26 Javascript
javascript Object与Function使用
Jan 11 Javascript
JavaScript中String和StringBuffer的速度之争
Apr 01 Javascript
javascript 文章截取部分无损html显示实现代码
May 04 Javascript
当某个文本框成为焦点时即清除文本框内容
Apr 28 Javascript
JS输入用户名自动显示邮箱后缀列表的方法
Jan 27 Javascript
Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
Mar 10 Javascript
vue 点击按钮增加一行的方法
Sep 07 Javascript
js 实现在2d平面上画8的方法
Oct 10 Javascript
原生javascript实现连连看游戏
Jan 03 Javascript
js实现点击图片在屏幕中间弹出放大效果
Sep 11 Javascript
JavaScript实现酷炫的鼠标拖尾特效
Feb 18 Javascript
深入理解js promise chain
May 05 #Javascript
详解JavaScript中基于原型prototype的继承特性
May 05 #Javascript
5个最顶级jQuery图表类库插件【jquery插件库】
May 05 #Javascript
javaScript中的原型解析【推荐】
May 05 #Javascript
实例讲解JavaScript的Backbone.js框架中的View视图
May 05 #Javascript
全面解析JavaScript的Backbone.js框架中的Router路由
May 05 #Javascript
详解Backbone.js框架中的模型Model与其集合collection
May 05 #Javascript
You might like
PHP+MySQL5.0中文乱码解决方法
2006/11/20 PHP
Php Cookie的一个使用注意点
2008/11/08 PHP
PHP容易被忽略而出错陷阱 数字与字符串比较
2011/11/10 PHP
使用php将某个目录下面的所有文件罗列出来的方法详解
2013/06/21 PHP
美图秀秀web开放平台--PHP流式上传和表单上传示例分享
2014/06/22 PHP
PHP多进程编程实例
2014/10/15 PHP
PHP explode()函数用法讲解
2019/02/15 PHP
PHP-FPM 设置多pool及配置文件重写操作示例
2019/10/02 PHP
jquery中ajax学习笔记4
2011/10/16 Javascript
Javascript 中创建自定义对象的方法汇总
2014/12/04 Javascript
JavaScript中join()方法的使用简介
2015/06/09 Javascript
Backbone.js 0.9.2 源码注释中文翻译版
2015/06/25 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
2016/01/28 Javascript
jQuery CSS3自定义美化Checkbox实现代码
2016/05/12 Javascript
JS实现显示带倒影的图片横排居中放大展示特效实例【测试可用】
2016/08/23 Javascript
基于JavaScript实现窗口拖动效果
2017/01/18 Javascript
jquery.flot.js简单绘制折线图用法示例
2017/03/13 Javascript
JS分页的实现(同步与异步)
2017/09/16 Javascript
js中apply和Math.max()函数的问题及区别介绍
2018/03/27 Javascript
原生js实现Flappy Bird小游戏
2018/12/24 Javascript
微信小程序实现Session功能及无法获取session问题的解决方法
2019/05/07 Javascript
layui实现鼠标移动到单元格上显示数据的方法
2019/09/11 Javascript
使用Python脚本来控制Windows Azure的简单教程
2015/04/16 Python
python使用paramiko实现远程拷贝文件的方法
2016/04/18 Python
python 申请内存空间,用于创建多维数组的实例
2019/12/02 Python
如何基于Python创建目录文件夹
2019/12/31 Python
TensorFlow设置日志级别的几种方式小结
2020/02/04 Python
使用pandas实现筛选出指定列值所对应的行
2020/12/13 Python
大学生简单自荐信
2013/11/10 职场文书
生产车间主管岗位职责
2013/12/28 职场文书
国贸专业大学生职业生涯规划范文
2014/01/10 职场文书
说明书怎么写
2014/05/06 职场文书
mysql死锁和分库分表问题详解
2021/04/16 MySQL
golang通过递归遍历生成树状结构的操作
2021/04/28 Golang
SpringBoot实现异步事件驱动的方法
2021/06/28 Java/Android
macos系统如何实现微信双开? mac登录两个微信以上微信的技巧
2022/07/23 数码科技