Comparison of Sencha Touch and JQuery Mobile

Comparison of Sencha Touch and jquery Mobile in English: Sencha Touch vs jquery Mobile Tags:Sencha Touch jQuery Mobile 103 People collection This article, I want to collect Oschina recommended 2 years ago (total 7 paragraphs, translated 08-02) (23 reviews) participation in Translation (1 persons):yale8848 Chinese Only | Chinese-English Comparison | English only | Print this article

Many people ask me Sencha touch  (Baidu encyclopedia Sencha Touch Translator Plus) and jquery mobile which is better. In fact, the difference between the two is like web background programming, PHP and Java. They all do the same thing, but in fact they are created for different purposes. The Sencha Touch is optimized based on the Web-kit browser, and jquery Mobile is available for general browsers. Because Sencha touch is optimized, many people think it's better than jquery mobile. Hybrid mobile applications (like WebView programming, translator notes) will make Sencha touch shine, and it will make the mobile app very fluid as it is developed with native APIs. But jquery mobile also glows in different places. Unlike Sencha touch, which supports only Web-kit, JQuery Mobile works beautifully on browsers that support HTML5. Whether you're using Windows,mac os,android or an iOS system, JQuery Mobile can catch your eye.

yale8848 translated 2 years ago 3 Human top   top   Good translation!

Sencha Touch vs jQuery Mobile I'll talk about their differences in my personal experience, which may not be very objective. Personally, I'm not going to take sides. The following chapters are compared by group and each group has a winner. First Group-marketing and platform support Sencha Touch and Jquery mobile are known as HTML5 frameworks. Jquery mobile modestly said he was built on all the popular mobile device platforms, while Sencha touch said that he was the only one who could make ios,android,blachberry for developers, Windows phone and more OS on the development of beautiful application framework . To be honest, I was disappointed by this exaggerated advertisement. I have not found that it is so good, Sencha touch can only be narcissistic. only supports Web Kit kernel browser (which is said to change in the future) There are many mobile application frameworks that are better than Sencha touch jquery Mobile Many frameworks are not optimized for a particular platform, including JQuery Mobile (which is said to be optimized for 1.4 versions) Conclusion: jquery Mobile wins

yale8848 translated 2 years ago 0 people top   top   Good translation!

Second set of-ui and visual images As you can see, Sencha touch and jquery Mobile are somewhat different in UI vision. One is the full JavaScript driver, and the other is HTML-driven. Both of these ways can show a nice UI, but the Sencha UI is more like a native API (in a hybrid application). Unfortunately, it's bad for both in complex UI programs, especially jquery Mobile. Sencha Touch on mobile devices, Sencha is more fluent than jquery Sencha follows the MVC philosophy, it won't let you write any HTML code, all based on JavaScript Sencha Providing more UI elements and components, such as rotating Sencha support SVG (Scalable Vector graphics, translator note), is a good thing for a game Sencha Touch IDE is paid, although this is not related to the UI. jquery mobile in Sencha, the jquery mobile UI is more like a Web UI to show JQuery Mo Bile UI as long as the jquery Mobile CSS is added to the HTML, just like the use of the jquery UI Framework using AJAX can make some developers feel confused about page effect processing Using CSS makes some UI look similar, so that the UI behaves differently and takes extra time to handle. For example, mobile content in the Songmeanings.com website. Unlike Sencha touch, JQuery Mobile lets you take care of the composition of the page, which is sometimes cumbersome. All tied together, this, when good and bad maybe. Version 1.4 may be improved. Conclusion: Sencha Touch wins

yale8848 Translated over 2 years ago 0 Person Top Top translation of good Oh!

Third group-usability, ease of use This is a completely different comparison. jquery Mobile is a markup language driver that relies on jquery and is easy to control. If you like the MVC pattern, then you have to choose Sencha Touch. This, of course, brings up the issue of paying, at least that makes it uncomfortable for people who don't like to use JavaScript. Finally, the comparison of this group is relatively easy to use. Sencha Touch It's all JavaScript, and newbies are a little confused. Hard to debug Not easy to get started JQuery Mobile If you like jquery as much as most people, you'll also like jquery Mobile's Simple syntax You can use Backbone.js or knockout.js to compensate for MVC design flaws Support many different themes, and everything can be done with CSS Any IDE can be developed Conclusion:JQuery Mobile wins

yale8848 Translated over 2 years ago 0 Person Top Top translation of good Oh!

Group fourth-documentation The better product will be forgotten by people. Both of them have good documentation. Sencha Touch Official documentation is pretty good, and the cover of the JQuery mobile document is pretty. However, Sencha Touch's documentation is better than jquery mobile. Sencha  touch is better than jquery Moblie documentation and is not confusing. Not much content official support is free and does not involve the IDE jQuery Mobile Not reaching the level of Sencha Touch official documentation There are blogs, articles, forums, StackOverflow ... Support for other methods the cover is beautiful. conclusion: Sencha Touch wins

yale8848 translated 2 years ago 0 people top   top   Good translation!

Group fifth-tools, plugins, third-party support This topic is also important, and good development tools and plugins will make it easier for developers to get started. Sencha Touch Support your own local apps Support Theme Packages IDE to pay JQuery Mobile PhoneGap is a development package that supports native applications, and the development of PhoneGap with jquery Mobile can be a bit strange. Theme packages are supported, but not fully supported because some core CSS elements are not easy to change, such as elements that have already been activated Support for a large number of third-party plugins compatible with jquery plugins Easier to extend than Sencha touch Conclusion: Draw, JQuery mobile notch above

yale8848 Translated over 2 years ago 0 Person Top Top translation of good Oh!

Final comparison JQuery Mobile Advantages Easy to develop Good third-party support, plug-in is knowledge, knowledge is power Easy Commissioning StackOverflow Disadvantages Slower than Sencha touch Apps are almost the same UI, and if you're a UI designer you can tolerate this sluggish UI Official documentation is missing something because it introduces too much in the UI and lacks an introduction to architecture Use occasions Mobile website A simple Hybrid application Code examples ? 12345678910111213141516171819202122 <!DOCTYPE html><html>    <head>        <title>jQM Complex Demo</title>        <meta http-equiv=‘Content-Type‘ content=‘text/html; charset=utf-8‘/>        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi"/>        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />        <!--<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>-->        <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>       </head>    <body>        <div data-role="page" id="index">            <div data-theme="b" data-role="header">                <h1>Index page</h1>            </div>             <div data-role="content">             </div>        </div>       </body></html> Sencha Touch Advantages Run non-very smooth, with the same as the native API developed Have an MVC structure The documentation is perfect. Disadvantages Too complex for inexperienced developers Too few third-party support Because only WebKit is supported, it does not work for the general program except for mixed applications IDE and support are charged Use occasions Recommended for use in complex hybrid applications, especially those that require a program that looks like a native API open Code examples ? 1234567891011121314151617 new Ext.Application({    name: ‘MyApp‘,     launch: function() {        this.viewport = new Ext.Panel({            fullscreen: true,             id    : ‘mainPanel‘,            layout: ‘card‘,            items : [                {                    html: ‘Welcome to My App!‘                }            ]        });    }}); Both of them are mature frameworks. JQuery Mobile is easy to use and works well on most occasions, but if you want to optimize your hybrid mobile app, choose Sencha Touch. Other HTML5 mobile application frameworks worth looking at: JQT (ex JqTouch) APP Framework (ex Jqmoby) Kendo UI Titanium App Accelerator

Comparison of Sencha Touch and JQuery Mobile