What are the differences between using jQuery Mobile and Kendo UI?-JS Tutorial-php.cn

Home

Web Front-end

JS Tutorial

What are the differences between using jQuery Mobile and Kendo UI?

php中世界最好的语言

Apr 26, 2018 am 11:42 AM

jquerymobile

This time I will bring you the differences between jQuery Mobile and Kendo UI. What are the precautions about the difference between jQuery Mobile and Kendo UI? Here are practical cases, let’s take a look.

　jQuery Mobile and Kendo UI are both popular JavaScript frameworks. During development, we can build on them to make all modern mobile WEB applications. Both frameworks are built on top-used JavaScript library jQuery. Comparing Kendo UI and jQuery Mobile is somewhat like comparing two sides of the same coin. As we all know, jQuery Mobile doesn’t actually need much introduction as it is one of the most commonly used HTML5 frameworks. Kendo UI has similar motivations and a similar pace of development. Very similar to jQuery Mobile, Kendo UI is also based on the concepts of the jQuery application framework. However, one big difference between the two is that Kendo UI is a commercial product as a whole, while jQuery Mobile is an open source framework. This doesn't mean that just because Kendo UI isn't open source you should switch to jQuery Mobile, because open source itself doesn't mean that jQuery Mobile is better than Kendo UI, or vice versa. In this WDJ article we will try to better understand the differences between Kendo UI and jQuery Mobile in the same business domain.

jQuery Mobile and Kendo UI are a little different in direction

. You can read that Kendo UI positions itself as: "A comprehensive HTML5/JavaScript framework for modern web and mobile app development. Telerik's Kendo UI is what every professional developer who needs to create HTML5 sites and mobile apps needs." Today, HTML/jQuery developer productivity is hampered by a Frankenstein of unrelated JavaScript libraries and plugins that have it all: rich jQuery. Form components, simple and consistent program interfaces, stable and reliable data sources, validation, internationalization, MVVM framework, themes, templates, and a series...". However, jQuery Mobile positions itself as: "jQuery Mobile: The Web Framework with the best touch experience on smartphones and tablets. A unified, HTML5-based framework for users of all popular mobile device platforms The interface system is built on the stable and reliable jQuery and jQuery UI. Its lightweight code is gradually enhanced and has flexible and easy theme design...."

To sum up, it is obvious that jQuery Mobile developers define jQuery Mobile as a completely novel product

among similar products on the market. In the definition of jQuery Mobile, the mobile ecosystem has been defined as early as the second paragraph. This is an important factor in why Kendo UI is similar to jQuery Mobile but becomes a somewhat different product. Compared with jQuery Mobile, Kendo UI as a framework mentions more about the use of mobile terminals. All in all, this shows that Kendo UI is a hybrid jQuery user interface, while jQuery Mobile leans more towards server-side support. 　

Kendo UI

This framework is a similar extension to jQuery Mobile that supports all top HTML desktop browsers on all popular mobile platforms. Despite the fact that it is inferior to jQuery Mobile, it proposes a great marketing strategy that supports almost all popular platforms in the world.

jQuery Mobile

This framework does not position itself to address any of the strategies web developers need to address HTML frameworks.

Strong support for all well-known desktop browsers and mobile platforms, so sometimes more problems arise.

Supported by most mobile platforms and desktop browsers

Winner: Looks like a close match between the two.

The appearance of the interface is an important aspect worthy of discussion, and the two frameworks are very close in this aspect. If you need platform consistency with your application, jQuery Mobile is recommended because it uses a platform-independent user interface. The UI contains a large number of components that are responsive and well supported by a large number of third parties.

If you think about both frameworks from a visual perspective, Kendo UI is more superior than jQuery Mobile because there are multiple themes in Kendo UI to suit various simulations, while jQuery Mobile has only one theme, used for all samples piece. As for Kendo UI, the layout design is very similar to jQuery Mobile, but once you look closer at the two, you can tell the difference. If you want to switch from jQuery Mobile to Kendo UI or vice versa, it's very fast. You don't need to worry because you can create complex user interface designs quickly and easily.

Has rich plug-in support like jQuery Mobile

In iOS, the look and feel has a better native experience

If you need to embody unique features on different platforms In terms of appearance and feel, there are many themes to choose from

It has good UI performance on all mobile devices and can produce a native feel on all animation transitions. Unfortunately, performance will decrease as the complexity of the layout increases

　jQuery Mobile

This framework has the same user interface and does not distinguish the platform you are working on

　The UI looks more like iOS

There are many built-in plug-ins, and there are a large number of third-party plug-ins

Compared to jQuery MobileKendo UI, in terms of different resolutions and CCS, Have better page responsiveness

Like Kendo UI, you can easily modify the UI

If you compare jQuery Mobile and Kendo UI in terms of performance, sometimes the application will become completely useless , because jQuery will encounter a lot of trouble on mobile devices.

Winner: Kendo UI wins here because it has better mobile performance.

Our first point in distinguishing the two in this regard will also be a very close result, because Kendo UI and jQuery Mobile are both markup-driven frameworks, and they both rely on jQuery to make it easy to use and play. Unfortunately, jQuery Mobile is not polished to support the MVC (Model-View-Controller) architecture on which Kendo UI is built.

　Kendo UI

Although JavaScript syntax is different from jQuery syntax, this framework is also easy to use.

You can modify widgets, as well as use a wide range of themes to change the look and feel of your app.

Support MVC.

　 jQuery Mobile

JavaScript syntax is similar to standard jQuery, making it easy to use seamlessly.

Although MVC is not supported, you can solve this through Knockout.js or Backbone.js.

Excellent theme support.

　You don’t need any IDE to build mobile web applications.

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

jQuery.Uploadify plug-in implements the function of batch uploading images with progress bar

Implements jquery before uploading images Preview locally first

The above is the detailed content of What are the differences between using jQuery Mobile and Kendo UI?. For more information, please follow other related articles on the PHP Chinese website!

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

From Websites to Apps: The Diverse Applications of JavaScriptApr 22, 2025 am 12:02 AM

JavaScript is widely used in websites, mobile applications, desktop applications and server-side programming. 1) In website development, JavaScript operates DOM together with HTML and CSS to achieve dynamic effects and supports frameworks such as jQuery and React. 2) Through ReactNative and Ionic, JavaScript is used to develop cross-platform mobile applications. 3) The Electron framework enables JavaScript to build desktop applications. 4) Node.js allows JavaScript to run on the server side and supports high concurrent requests.

Python vs. JavaScript: Use Cases and Applications ComparedApr 21, 2025 am 12:01 AM

Python is more suitable for data science and automation, while JavaScript is more suitable for front-end and full-stack development. 1. Python performs well in data science and machine learning, using libraries such as NumPy and Pandas for data processing and modeling. 2. Python is concise and efficient in automation and scripting. 3. JavaScript is indispensable in front-end development and is used to build dynamic web pages and single-page applications. 4. JavaScript plays a role in back-end development through Node.js and supports full-stack development.

The Role of C/C in JavaScript Interpreters and CompilersApr 20, 2025 am 12:01 AM

C and C play a vital role in the JavaScript engine, mainly used to implement interpreters and JIT compilers. 1) C is used to parse JavaScript source code and generate an abstract syntax tree. 2) C is responsible for generating and executing bytecode. 3) C implements the JIT compiler, optimizes and compiles hot-spot code at runtime, and significantly improves the execution efficiency of JavaScript.

JavaScript in Action: Real-World Examples and ProjectsApr 19, 2025 am 12:13 AM

JavaScript's application in the real world includes front-end and back-end development. 1) Display front-end applications by building a TODO list application, involving DOM operations and event processing. 2) Build RESTfulAPI through Node.js and Express to demonstrate back-end applications.

JavaScript and the Web: Core Functionality and Use CasesApr 18, 2025 am 12:19 AM

The main uses of JavaScript in web development include client interaction, form verification and asynchronous communication. 1) Dynamic content update and user interaction through DOM operations; 2) Client verification is carried out before the user submits data to improve the user experience; 3) Refreshless communication with the server is achieved through AJAX technology.

Understanding the JavaScript Engine: Implementation DetailsApr 17, 2025 am 12:05 AM

Understanding how JavaScript engine works internally is important to developers because it helps write more efficient code and understand performance bottlenecks and optimization strategies. 1) The engine's workflow includes three stages: parsing, compiling and execution; 2) During the execution process, the engine will perform dynamic optimization, such as inline cache and hidden classes; 3) Best practices include avoiding global variables, optimizing loops, using const and lets, and avoiding excessive use of closures.

Python vs. JavaScript: The Learning Curve and Ease of UseApr 16, 2025 am 12:12 AM

Python is more suitable for beginners, with a smooth learning curve and concise syntax; JavaScript is suitable for front-end development, with a steep learning curve and flexible syntax. 1. Python syntax is intuitive and suitable for data science and back-end development. 2. JavaScript is flexible and widely used in front-end and server-side programming.

Python vs. JavaScript: Community, Libraries, and ResourcesApr 15, 2025 am 12:16 AM

Python and JavaScript have their own advantages and disadvantages in terms of community, libraries and resources. 1) The Python community is friendly and suitable for beginners, but the front-end development resources are not as rich as JavaScript. 2) Python is powerful in data science and machine learning libraries, while JavaScript is better in front-end development libraries and frameworks. 3) Both have rich learning resources, but Python is suitable for starting with official documents, while JavaScript is better with MDNWebDocs. The choice should be based on project needs and personal interests.

See all articles