余晖落尽暮晚霞,黄昏迟暮远山寻
本站
当前位置:网站首页 > 编程知识 > 正文

对比评测:Kendo UI 和 jQuery Mobile(KEN大测评)

xiyangw 2022-12-05 09:42 13 浏览 0 评论

下面我们从几方面对两款框架进行了对比评测,帮助你了解 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 上。它的轻量级代码逐渐增强并且拥有灵活自由,容易的主题设计...."。

Kendo UI

Kendo UI扩展支持了所有受欢迎的移动平台上的顶级HTML桌面浏览器,支持全球几乎所有受欢迎的移动平台,而且是一次性交付的,不需要针对每个平台都去构建一次。

jQuery Mobile

这个框架没有将自己定位到任何解决HTML 框架的Web开发者所需要的战略。强有力的支持所有有名的桌面浏览器和移动平台,因此有时会产生更多问题。

用户界面与视觉印象的不同

界面外观是值得讨论的重要方面,两个框架在这一方面又是非常贴近。假如你需要与自己的应用程序保持平台一致性,那么建议选用 jQuery Mobile,因为它使用了平台无关的用户界面。UI 中包含了大量的组件,它们被快速响应,并受到大量第三方的鼎力支持。

如果你从视觉美观角度考虑这两个框架,那么 Kendo UI 比 jQuery Mobile 超出更多,因为 Kendo UI 中有多种主题可以适合各种场景,而 jQuery Mobile 仅有一个主题,用于所有样本块。至于 Kendo UI,布局设计与 jQuery Mobile 非常相似,但只要你更仔细的观察两者,就可以分辨出不同。如果你希望从 jQuery Mobile 切换到 Kendo UI 或者反过来,是非常快的,你无须担心,因为你可以很快就轻松地创建出复杂的用户界面设计。

Kendo UI

  • 拥有丰富的UI组件

  • 在iOS中,外观和感觉具有更好的原生体验

  • 如果你需要在不通的平台上体现独特的外观的感觉,有许多主题供选择

  • 在所有的移动设备上均有很好的UI性能,在所有的动画转换上能产生原生的感觉。但性能会随着布局的复杂度提升而有所降低。

jQuery Mobile

  • 这个框架有相同的用户接口,不区分你工作的平台

  • UI看起来更像iOS

  • 有许多内置组件,并且有大量的第三方插件

  • jQuery Mobile和Kendo 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应用程序

赢家: Kendo UI 在这方面胜出,因为它支持 MVC

综上所述,jQuery Mobile更多提到移动端的使用,而Kendo UI是一个混合的 jQuery 用户接口,jQuery Mobile则更倾向服务器端支持。在界面的丰富性和UI性能上,Kendo UI更胜一筹。在易用性上,jQuery Mobile和Kendo UI都基于jQuery,所以非常便于操作,但Kendo UI支持MVC架构,而jQuery Mobile不支持。


相关推荐

Vue的框架(了解)

前端MVC设计模式MVC设计模式,其实就是将前端实现某个业务的所有代码划分为三部分Model:模型,指数据模型,这个数据一般来自于服务器View:视图,指页面标签内容Controller:控制...

Vue.js实战 第五章练习一

练习要求:在原有表格基础上,新增一项是否选中该商品的功能,总价变为只计算选中商品的总价,同时提供一个全选的按钮。实现思路:按照vue数据和dom元素双向绑定的特性,定义allCheckStatus变量...

Vue基础到进阶教程之class和style绑定

关于class和style我们并不陌生,这个在学习css的时候就是家常便饭了,操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用v-bind处理它们,...

深入Vue 必学高阶组件 HOC「进阶篇」

作者:ssh转发连接:https://mp.weixin.qq.com/s/seKoLSIMtTd1sU4uDrgZCA前言高阶组件这个概念在React中一度非常流行,但是在Vue的社区里讨论...

周末大礼包,23道高质量中级前端面试题。金九银十,建议收藏

这套面试题考察的内容比较常见,涉及到JavaScript、ES6、CSS、Vue、简单算法,浏览器相关知识等。题目列表1.JavaScript的数据类型有哪些2.什么是同源策略3.跨域的方法...

vue3.0-摒弃Object.defineProperty,基于 Proxy 的观察者机制

写在前面:11月16日早上,Vue.js的作者尤大大在VueToronto的主题演讲中预演了Vue.js3.0的一些新特性,其中一个很重要的改变就是Vue3将使用ES6的Proxy作...

程序员都必掌握的前端教程之VUE基础教程(七)

阅读本文约需要10分钟,您可以先关注我们,避免下次无法找到。本篇文章成哥继续带大家来学习前端VUE教程,今天主要讲解VUE的表单处理等知识点。下面我们就一起来学习该块内容吧!01简介在日常开发中,我...

web前端开之网站搭建框架之vue详解

网站搭建框架之vueVue是web前端快速搭建网站的框架之一。它与jQuery有所不同,是以数据驱动web界面(以操作数据改变页面,而jQuery是以操作节点来改变页面),同时,vue还实现了数据的双...

vue3.0尝鲜-基于 Proxy 的观察者机制探索

Vue.js的作者尤大大在VueToronto的主题演讲中预演了Vue.js3.0的一些新特性,其中一个很重要的改变就是Vue3将使用ES6的Proxy作为其观察者机制,取代之前使用...

TypeScript 设计模式之观察者模式

一、模式介绍1.背景介绍在软件系统中经常碰到这类需求:当一个对象的状态发生改变,某些与它相关的对象也要随之做出相应的变化。这是建立一种「对象与对象之间的依赖关系」,一个对象发生改变时将「自动通知其他...

vue面试3

1.单页面应用与多页面应用的去别2.简述一下Sass、Less,且说明区别?他们是动态的样式语言,是CSS预处理器,CSS上的一种抽象层。他们是一种特殊的语法/语言而编译成CSS。变量符不一样,les...

VUE v-bind 数据绑定

动态的绑定一个或多个attribute,也可以是组件的prop。缩写::或者.(当使用.prop修饰符)期望:any(带参数)|Object(不带参数)参数:attrOrP...

vue初学习之自定义选择框实现

v-model简单介绍在使用vue的过程中会经常用到input和textarea这类表单元素,vue对于这些元素的数据绑定和我们以前经常用的jQuery有些区别。vue使用v-model实现这些标签...

Vue实现拖拽穿梭框功能四种方式

一、使用原生js实现拖拽打开视频讲解更加详细Vue实现拖拽穿梭框功能的四种方式_哔哩哔哩_bilibili<html><head><meta...

Vue3.x setup 语法糖实现props双向绑定

1.背景为了封装一下Element-Plus的分页插件,需要实现父子组件之间的传值。2.父组件<scriptsetuplang="ts">letqueryPa...

取消回复欢迎 发表评论: