HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > HTML5打造原生应用——Ionic框架简介与Ionic Hello World

HTML5打造原生应用——Ionic框架简介与Ionic Hello World

Ionic 框架
       Ionic是一个新的、可以使用HTML5构建混合移动应用的用户界面框架,它自称为是“本地与HTML5的结合”。该框架提供了很多基本的移动用户界面范例,例如像列表(lists)、标签页栏(tab bars)和触发开关(toggle switches)这样的简单条目。它还提供了更加复杂的可视化布局示例,例如在下面显示内容的滑出式菜单。
       官网地简介上说了下面的一些优点:
  • Performance obsessed
  • Angular & Ionic
  • Native focused
  • Beautifully designed
  • A powerful CLI
  • Fun to learn
  • Built by nerds (like you)

       简单地来说就是:
  • 性能比用jQuery构建好
  • 基于Angluar JS
  • 更加原生化
  • 设计精美
  • 更大地CLI
  • 学习乐趣
  • 为极客而构建

       Ionic Hello World
       安装Ionic
       1.安装Node.js
       2.安装Cordova和Ionic
$ npm install -g cordova ionic

       3.创建项目,官方给了三个不同类型的基础项目:
  • 空白应用
  • Tabs应用
  • 滑动菜单应用

       对应的创建方式有:
       1) 空白应用
$ ionic start myApp blank

       2) Tabs应用
$ionic start myApp tabs

       3)滑动菜单应用
 $ ionic start myApp sidemenu

       4.运行
$ cd myApp$ ionic platform add android$ ionic run android

       接着我们就可以看到一个应用就生成了。

【HTML5打造原生应用——Ionic框架简介与Ionic Hello World】相关文章

1. HTML5打造原生应用——Ionic框架简介与Ionic Hello World

2. Another World JS

3. CSS3 Transitions, Transforms和Animation使用简介与应用展

4. Telefónica与Mozilla开拓基于HTML5互联网设备

5. HTML5表单新特征简介与举例

6. BigWorld将在4.0版本支持HTML5

7. BigWorld引擎宣布4.0版本支持HTML5

8. Pumbi’s World

9. Tankworld

10. JavaScript+HTML5打造的开源Timeline

本文来源:https://www.51html5.com/a3867.html

点击展开全部

﹝HTML5打造原生应用——Ionic框架简介与Ionic Hello World﹞相关内容

「HTML5打造原生应用——Ionic框架简介与Ionic Hello World」相关专题

其它栏目

也许您还喜欢