Current location - Recipe Complete Network - Dinner recipes - What framework is used to develop mobile applications using html5?
What framework is used to develop mobile applications using html5?
Common mobile application development frameworks:

Frame: PhoneGap

PhoneGap is a rapid development platform for creating mobile cross-platform mobile applications based on HTML, CSS and JavaScript.

Advantages:

Cross platform. Phonegap framework helps us to resolve our differences, and the connection between javascript and platform system is completed by phonegap framework.

Provide hardware access control. Accelerometers, cameras, compasses, address books, documents, geographical locations, media, networks and notifications can all be called.

You can use a mature javascript framework. For example, Ext js, jQuery.

Disadvantages:

Poor performance. The running speed is slow and the UI response is delayed.

Incomplete cross-platform. Different platform codes need fine-tuning.

Memory consumption is large and debugging is difficult.

Frame: ions

Ionic is a powerful HTML5 application development framework. Ionic mainly focuses on the appearance and experience, as well as the UI interaction of applications, which is especially suitable for the development of HTML5 mobile applications based on Hybird mode. Ionic is a lightweight mobile phone UI library with the characteristics of high speed and modern and beautiful interface.

Advantages:

Lightweight framework, fast running.

In Angularjs, the characteristics of Angularjs and MVC are supported, and the code is easy to maintain.

Build applications through SASS, close to native.

Disadvantages:

Ionic is a front-end framework. Can't completely replace the role of PhoneGap and JavaScript framework.

Need to be used with plug-ins.

Frame: Hbuilder (made in China)

HBuilder is a Web development IDE supported by HTML5 launched by DCloud. "Fast, is the biggest advantage of HBuilder.

Advantages:

Cross-platform: Supports both iOS, Android, Symbian and Windows Phone.

Development tools: Eclipse-based development tools, integrating UI controls and application management.

Local packaging: no need to configure the environment, no need to compile, local one-click packaging.

Code encryption: a key-based encryption method, which cannot be cracked, protects html code like mixing.

Technical support: technical support responds in time and attaches importance to the suggestions and feedback of developers.

Disadvantages:

The free version of AppCan needs to upload the source code to the manufacturer's server for packaging, which has certain risks in the security of source code leakage for enterprise development. Although the enterprise version can be solved, the stability of the enterprise version remains to be seen.

AppCan uses encapsulated components and is highly dependent. Not open source code.

PpCan can't solve the function of native code well.

Wex5 (domestic)

WeX5 application rapid development framework (including complete SDK API and all source code), one-time development, cross-end operation.

Advantages:

Efficient and exquisite UI component system, based on jquery and bootstrap technology, adopts enhanced RequireJS modular technology.

Based on phonegap(cordova) framework, such as camera, map, LBS positioning, compass, address book, file, voice, battery, etc.

Visual drag-and-drop integrated development environment IDE, full-function debugging support, intelligent code prompt.

Disadvantages:

Limited scope of use: applications: general app, e-commerce app, customer service app, member app, micro-store WeChat business, etc.

The number of users is small and there are unstable factors.

Summary:

Cross-platform: Most of the frameworks are aimed at android and ios platforms, which need to be adjusted more or less and cannot be completely cross-platform.

Performance: According to incomplete statistics, Ionic's performance will be better.

Phonegap first appeared, and domestic frameworks were all developed based on PhoneGap.

note:

Each framework will encounter different levels of pits in the implementation process, so please carefully choose the applied framework according to the focus of the framework. If you want to develop an App based on Html5, you need to further verify the feasibility of the framework and compare the effects of different frameworks.