Shulou(Shulou.com)06/02 Report--

What are the mobile phone HMTL5 development framework, many novices are not very clear about this, in order to help you solve this problem, the following editor will explain for you in detail, people with this need can come to learn, hope you can gain something.

The following will recommend ten mobile HMTL5 development frameworks, which are jquery mobile framework, bootstrap framework, ionic framework, Mobile Angular UI framework, Intel XDK framework, Appcelerator Titanium framework, Sencha Touch framework, Kendo UI framework, .mui framework. I believe that you can find a suitable one in these frameworks.

1.jquery mobile framework

JQuery Mobile is the version of jQuery on mobile phones and tablets. JQuery Mobile will not only bring jQuery core libraries to mainstream mobile platforms, but also release a complete and unified jQuery mobile UI framework. Support the global mainstream mobile platform.

2.bootstrap framework

Bootstrap is based on HTML, CSS and JAVASCRIPT. It is concise and flexible, which makes Web development faster. It is a CSS/HTML framework developed by Twitter designers Mark Otto and Jacob Thornton. Bootstrap provides elegant HTML and CSS specifications, which are written by the dynamic CSS language Less. Bootstrap has been popular since its launch and has been a hot open source project on GitHub, including NASA's MSNBC (Microsoft National Broadcasting Corporation) Breaking News. Some frameworks that domestic mobile developers are familiar with, such as the WeX5 front-end open source framework, are also based on Bootstrap source code for performance optimization.

3.ionic framework

Ionic is a powerful HTML5 application development framework that can help you build mobile applications that are close to the native experience using Web technologies such as HTML, CSS, and Javascript. Ionic focuses on appearance and experience, as well as UI interaction with your application, and is especially suitable for HTML5 mobile application development based on the Hybird pattern.

4.Mobile Angular UI framework

Mobile Angular UI is a responsive mobile development HTML5 framework using bootstrap 3 and AngularJS.

The keywords for Mobile Angular UI are:

(1) Bootstrap 3

(2) AngularJS

Bootstrap 3 Mobile components, such as switches, overlays, and sidebars, are not available in bootstrap.

AngularJS modules, such as angular-route, angular-touch and angular-animate

Responsive media queries use bootstrap as a separate file, and you only need to include what you need. Mobile Angular UIu does not contain any jQuery dependencies, all you need to do is create a friendly user experience with some AngularJS instructions.

5.Intel XDK framework

Intel has released its first version of a web-based programming tool that helps developers develop mobile applications for Android and iOS. The free software is called Intel XDK, and it's actually a repackaged version of AppMobi, which Intel bought in February, so it's nothing new. Developers can use this software to develop HTML5-based applications and use them in mobile devices.

6.Appcelerator Titanium framework

Titanium is a development framework independent of mobile platform, which is used to develop Web applications with local application effects. Currently, it mainly supports iPhone and Android mobile phones.

The main API provided include:

2D/3D animations

Geo-location, compass, and maps

Augmented reality features

Social app authentication and native client support for email

SOAP or REST API calls

Audio, video, and image capture and playback

Taps into local filesystem and SQL lite databases

Accesses photo gallery or address data

7.Sencha Touch framework

The Sencha Touch framework is the first HTML5-based Mobile App framework in the world. Sencha Touch can make your Web App look like Native App. Beautiful user interface components and rich data management, all based on the latest HTML5 and CSS3 WEB standards, fully compatible with Android and Apple iOS devices. Provide a wealth of WEB UI components, you can quickly develop applications running on mobile terminals.

8.Kendo UI framework

Every aspect of Kendo UI is built from the bottom up to provide powerful JavaScript application performance. Kendo UI is not another clone of jQuery UI, and every decision it makes is based on optimizing performance. From lightweight built-in template libraries that execute significantly faster than jQurey templates, to (where possible) optimized animation and advanced virtualized user interfaces with CSS3 hardware acceleration, Kendo UI goes to great lengths to provide high-performance client-side UI.

9.PhoneGap framework

When it comes to cross-platform development tools, many people first think of PhoneGap. Such an open source free framework that allows developers to use HTML, JS and CSS to develop cross-platform mobile App has always been loved by developers. From iOS, Android, BB10, Windows Phone to Amazon Fire OS, Tizen and so on, all major mobile platforms are readily available, and it also allows developers to make full use of core functions such as location, accelerator, contact, voice and so on.

Many mainstream mobile development frameworks in the industry are derived from PhoneGap. The more famous ones are Worklight, appMobi, WeX5 and so on. Among them, WeX5 is built in China, completely Apache open source, on the basis of the integration of Phonegap, has done in-depth optimization, with close to Native app performance, while the development convenience is also good.

10.mui framework

Top 10 Mobile APP Development frameworks for HTML5 Mobile Development

The high-performance front-end framework closest to the native APP experience has the following characteristics:

Light weight

The pursuit of performance experience is the primary goal for us to start the MUI project, and lightweight must be an important feature.

MUI does not rely on any third-party JS libraries, and the compressed JS and CSS files are only 100k and 60K.

Native UI

In view of many previous front-end frameworks (especially those with responsive layout), UI controls look too much like web pages and have no native feel, so it is also an important goal for us to pursue the native UI feel.

MUI is based on iOS platform UI and complements some UI controls unique to Android platform.

Smooth experience

Drop-down refresh

In order to achieve the drop-down and refresh feature, most H5 frames simulate the pull-down rebound animation through DIV. On low-end android phones, DIV animation often stutters (especially in the case of picture and text list); mui solves the drag fluency problem of this DIV through double webview; when dragging, it is not div, but a complete webview (sub-webview), and the springback animation uses native animation.

Sideslip navigation

Mui provides two kinds of side-slip navigation implementation: webview mode and div mode, each of which has its own advantages and disadvantages and is suitable for different scenarios. Each side-slip realization mode has different side-slip animation effects, which are mainly divided into four categories:

Animation 1: the main interface moves and the menu does not move.

Animation 2: the main interface does not move and the menu moves

Animation 3: the main interface and menu move at the same time

Animation 4: scalable sideslip (mobile phone QQ)

Slide trigger operation menu

In mobile applications (especially the iOS platform), many operation menus are triggered by sliding, such as SMS interface, left slide shows "delete" button, click to delete the SMS conversation; mailing list interface, left slide can be deleted, right slide can be marked as "read / unread" status; mui list control also supports sliding trigger operation menu function, just assemble the DOM structure according to a specific format In addition, sliding also supports event triggering, and developers can complete the confirmation reminder before the operation by listening for sliding events (slideleft/slideright).

The Sencha Touch framework is the first HTML5-based Mobile App framework in the world. Sencha Touch can make your Web App look like Native App. Beautiful user interface components and rich data management, all based on the latest HTML5 and CSS3 WEB standards, fully compatible with Android and Apple iOS devices. Provide a wealth of WEB UI components, you can quickly develop applications running on mobile terminals.

Is it helpful for you to read the above content? If you want to know more about the relevant knowledge or read more related articles, please follow the industry information channel, thank you for your support.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.