html5+ developing mobile App Tutorial 2-Introduction to Principles

Principle

The principle of html5+ app development is probably this:

The HTML page is responsible for the content;

UI is responsible for page style;

JS is responsible for invoking native app methods.

Html5

HTML5 This section is responsible for the page, which is what you see in the app, the approximate architecture and content

Ui

The UI is responsible for the page style, since to do the mobile app, the effect will have to be close to the mobile side,

This is not limited to using that UI, and the more common UI framework for adapting the mobile side is:

Bootstrap

Introduction: The UI framework developed by Twitter is characterized by a beautiful profile that can be adapted to the mobile side (e.g. this site: http://uikoo9.com/)

Chinese Civil Service Network: http://v3.bootcss.com/

Amazeui

Introduction: People imitate bootstrap do a UI framework, personal feeling a little superfluous, interested can see

Official website: http://amazeui.org/

jquery Mobile

Introduction: Hbuilder is actually imitating the foreign phonegap, Universal MUI is imitating jquery mobile, but it feels good

Official website: http://jquerymobile.com/

Mui

Introduction: And Hbuilder want to match the mobile UI, but also with Nativejs, feel good, imitate the iOS7 interface style

Official website: http://dcloudio.github.io/mui/

Framework7

Description: A UI framework that mimics ios7 abroad, likes

Official website: http://www.idangero.us/framework7/

Nativejs

Description: A JS that can call native methods of Android and iOS

Getting Started: http://ask.dcloud.net.cn/article/88

Match

Selection: At present the better collocation is Mui+nativejs+hbuilder, you can also try other combinations, such as JQMOBILE+NATIVEJS, etc.

mui-demo:http://www.dcloud.io/hellomui/

nativejs-demo:http://www.html5plus.org/#case #/case/id/4.html

More

For more articles, visit: http://uikoo9.com/blog/list

html5+ developing mobile App Tutorial 2-Introduction to Principles