HTML5 Mobile application software Development Framework Jquerymobile Senchatouch Introduction

Source: Internet
Author: User

I. Introduction of Jquerymobile

jquery Mobile is a version of jquery on mobile phones and tablet devices.

jquery Mobile Not only brings the jquery core library to the mainstream mobile platform, but also publishes a complete unified jquery Mobile UI framework.

Support the global mainstream mobile platform. This framework is easy to use. Page development uses tags primarily, with little or no JavaScript required. This framework is easy to use. Page development uses tags primarily, with little or no JavaScript required.

Ii. introduction of Senchatouch

Shortly before, the Ajax framework ExtJS, based on JavaScript, integrates the existing ExtJS into the JQTouch, Raphaël Library, and launches the Sencha Touch framework for the Forefront Touch Web, the world's first HTML-based 5 Mobile App Framework.

At the same time, ExtJS was renamed Sencha,jqtouch's founder David Kaneda, and Raphaël founder has also joined the Sencha team

Three, Jquerymobile Senchatouch contrast

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. Sencha Touch is based on the Web-kit browser and is optimized, while jquery Mobile is suitable 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. 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. The first group-marketing and platform support Sencha touch and jquery Mobile are all known as the HTML5 framework. JQuery Mobile is modestly saying that it is built on all popular mobile device platforms, while Sencha Touch says it is the only one that makes it possible for developers to Ios,android,blachberry,windows Phone and more on the OS to develop beautiful application frameworks. To be honest, I was disappointed by this exaggerated advertisement. I haven't found out what it says so well, Sencha touch can only be narcissistic. Support for Web kit kernel browser only (it is said to change in the future) you know, there are many mobile application frameworks than Sencha touch good jquery Mobile many frameworks are not optimized for a particular platform, including jquery mobile ( It is said that the 1.4 version will do some optimizations) conclusion: JQuery Mobile wins the 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 using native APIsDevelopment (in a hybrid application). Unfortunately, it's a bad thing to do in a complex UI program, especially if jquery Mobile.sencha touch is on a mobile device, Sencha is more fluent than jquery Sencha follows the MVC philosophy, it won't let you write any HTML code, Everything is based on Javascriptsencha to provide more UI elements and components, such as rotating Sencha support SVG (Scalable Vector graphics, translator note), for the game is a good thing Sencha Touch IDE is paid, although this is not related to the UI. jquery Mobile is different from Sencha, the jquery mobile UI is more like a Web UI to show the jquery mobile UI as long as the jquery mobile CSS is added to the HTML, like jquery The use of the UI framework like using AJAX will make some developers confused about page effects 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 the 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 is all JavaScript, the Novice will be a little confusing and difficult to debug jquery mobile if you like jquery as much as most people, you'll love jquery. Mobile's simple syntax can be used backbone.js or knockout.js to compensate for the MVC design flaws support many different themes, and everything can be done with CSS to operate any IDE can develop the conclusion: JQuery Mobile wins group fourth-the product of a good document can also 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 it's not confusing. Not much content official support is not free, nor does it involve idejquery mobile not reach Sencha Touch Official document level there are blogs, articles, forums, StackOverflow ... and other ways of support the cover is pretty. Conclusion: Sencha Touch fifth-tools, plugins, third-party support this topic is also important, good development tools and plugins will make it easier for developers to get started. Sencha Touch Support Home Local app support theme package IDE to pay for the jquery Mobilephonegap is a development package that supports native apps, developing phonegap with jquery Mobile can be a bit of a weird support theme package, but not fully supported, Because some of the core CSS elements are not easy to change, such as the elements that have been activated support a large number of third-party plug-ins, and jquery plug-ins compatible than Sencha touch easier to extend conclusion: Draw, jquery mobile notch above finally compare jquery Mobile advantages easy to develop good third-party support, plug-in is knowledge, knowledge is power easy to debug StackOverflow disadvantage than Sencha touch slow app is almost the same UI, if you are a UI designer can endure,     Then you can accept that this sluggish UI official document is missing something because it introduces too much in the UI and lacks the architectural aspects of the introduction to mobile sites simple mixed application code example 01 02<HTML>Geneva<Head>Geneva<title>JQM Complex demotitle>05<Metahttp-equiv= ' Content-type 'content= ' text/html;CharSet=utf-8 '/> .<Metaname= "Viewport"content= "width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densitydpi=device-dpi "/> -<Linkrel= "stylesheet"href= "Http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />Geneva<Scriptsrc= "Http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js">Script>    TenHead> One        <Body> A            <Div Data-role="page"ID="Index"> -                <Div Data-Theme="b"Data-role="Header"> -                    <H1>Index PAGEH1> theDiv> -        -                <Div Data-role="content"> -        +Div> -Div>     +Body> AHTML>Sencha Touch Benefits run not very smooth, there is the same as the native API development of the MVC structure of the document is perfect disadvantage for inexperienced developers is too complex third-party support too little because only support webkit, so in addition to the hybrid application, For a general program that does little to help the IDE and the support have to pay for the use of code examples in complex hybrid applications, especially requirements that look like native API open programs on    Newext.application ({ GenevaName:'MyApp',Geneva       Genevalaunch:function() { to             This. Viewport= NewExt.panel ({ .fullscreen:true, -        ,ID:'Mainpanel', thelayout:'Card',Tenitems: [ One                    { AHTML:'Welcome to My app!' -                    } -                ] the            }); -        } -}); they are both 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. 

HTML5 Mobile application software Development Framework Jquerymobile Senchatouch Introduction

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.