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


Ionic 框架 Ionic是一个新的、可以使用HTML5构建混合移动应用的用户界面框架,它自称为是“本地与HTML5的结合”。该框架提供了很多基本的移动用户界面范例,例如像列表(l...
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

       接着我们就可以看到一个应用就生成了。
标签: html5ionic框架

更多 html5 相关资讯

20款免费响应式的 HTML5 网站模板下载

20款免费响应式的 HTML5 网站模板下载

今天这篇文章给大家带来的是20款免费响应式的 HTML5 网站模板,大家可以借助这些优秀的网站模板创建自己的优秀网站。响应式(Responsive Design)设计的目标是要让产品界面能够响

Firefox 37原生支持HTML5视频回放功能

Mozilla发布了Firefox 37,在Windows上原生支持HTML5视频回放,还有许多安全改动。 安全改动包括更新不安全的TLS版本回退策略、从证书和TLS中移除对DSA的支持、

初学者的10个实用HTML5教程网站

初学者的10个实用HTML5教程网站

HTML5的强大,让更多的人想要系统的学习它。但面对网上五花八门的搜索结果,是否无法抉择?文章作者以自己的实践经验,筛选出来10个在线学习HTML5开发的网站。 W3schools Mozi

碎片化结构 酝酿着HTML5游戏爆款

碎片化结构 酝酿着HTML5游戏爆款

自2014年开始HTML5突然又受到整个移动互联网行业的极大关注,其特点相比原生应用拥有:流量成本低、跨平台、持续交付、开源生态完整、更易传播等优点,但又无法避免得比原

HTML5游戏处于从小游戏到大产业爆发前夜

2014年一度刷爆各大移动社交软件的小游戏如《围住神经猫》、《全民寻找房祖名》、《打企鹅》等,让HTML5游戏(下称H5游戏),从游戏开发者群体进入了更多大众的视野。伴随着移动游

在HTML5移动应用中挖掘XSS漏洞

在HTML5移动应用中挖掘XSS漏洞

Linus(@_zulln)是一位有着15年漏洞挖掘经验的瑞士黑客,本文就是他写的。   现在使用HTML5开发移动APP越来越受欢迎。HTML5不仅开发效率高,而且可以跨平台,代码重用性也很高

妙用html5的八大特性来开发移动webAPP

妙用html5的八大特性来开发移动webAPP

webAPP的实现基础就是html5+js+css3.但是webAPP还是基于浏览器的微网站开发。 正式如此,我们必须要深入的了解html5的8大特性,这样才能方便我们在开发和设计APP

未来一年,HTML5能否乘风破浪再创奇迹?

未来一年,HTML5能否乘风破浪再创奇迹?

近日,关于“HTML5生态重建冷思考”成为了很多人热烈讨论的话题。在游戏市场上面,HTML 5技术成为了颇为关注的焦点,在行业和社会各界引起了广泛的关注。H5游戏创造了游戏

全球最大HTML5平台softgames CEO Alexander Krug将出席GMGC2015

全球最大HTML5平台softgames CEO Alexander Krug将出席GMGC2015

第四届全球移动游戏大会(GMGC2015)将于4月23-25日在北京国家会议中心举行。本次大会,国际化趋势愈发明显,国际嘉宾阵容爆表,数量再上一个台阶,大会吸引了来自北美、欧洲、

月流水超千万才是爆款 HTML5游戏盈利方式有哪些?

月流水超千万才是爆款 HTML5游戏盈利方式有哪些?

一款手游产品能否实现爆品,主要看的就是收入。而对于传统的原生应用手游来说,千万级以上的月流水才有可能实现产品的爆款。但这对于HTML5游戏来说,却是难以触摸的天花板

更多 ionic 相关资讯

Ionic:用HTML5做原生应用开发

Ionic:用HTML5做原生应用开发

原生应用通常跑起来会更快、更平稳,带给用户的体验也更出色。然而Web设计者/开发者也一直在寻找着一种工具,将原生应用的体验带到Web技术中。Ionic是一个前端的框架,帮

强大的 HTML5 Mobile App 开发框架

强大的 HTML5 Mobile App 开发框架

Ionic 是一个强大的 HTML5 应用程序开发框架,可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。Ionic 主要关注外观和体验,以

HTML5的仿本地应用移动端UI互动开发框架

HTML5的仿本地应用移动端UI互动开发框架

本地移动应用往往速度更快,更流畅并且拥有更好的用户体验,作为web开发设计人员来说,寻找新的方式和技术来实现类似的效果和UI是我们的重要的责任。 Ionic,是一个前端的

更多 框架 相关资讯

AngularJS准备好投入企业应用了吗?

英文原文:Is AngularJS ready for the enterprise?   AngularJS 的强大和简单使它成为了当今最流行的 JavaScript 框架——但是企业会采用它吗? 在当今的 Web 应用开发当中,A

信息图表: Bootstrap框架

信息图表: Bootstrap框架

关于 Bootstrap框架,已经越来越被大家所关注。从2010年推出,它继续蓬勃发展到今天。如果您正在规划一个新的网站,你一定要考虑使用这个框架的设计。因为它能够极大地帮

微软与Google达成JavaScript框架合作:将共同打造Angular 2

微软与Google达成JavaScript框架合作:将共同打造Angular 2

  如果你在一年前告诉我微软和 Google 将在某个主要的 JavaScript 框架上合作,我或许还不会相信——但是它们真的这么做了。在今日的盐湖城“ng-conf 2015”大会上,Angular

2015年JavaScript或“亲库而远框架”

2015年JavaScript或“亲库而远框架”

JavaScript世界似乎进入了一个churn rate(流失率)的危机,框架和技术在以一种不可持续的速度被挤出和消失。不过我认为社会将会适应以及采取新的实践来回应这一现状。开发

JavaScript 模块加载框架,SeaJS 2.2.3 发布

Sea.JS 是一个遵循 CommonJS 规范的模块加载框架,可用来轻松愉悦地加载任意 JavaScript 模块。 SeaJS 支持的标准模块遵循 Modules/Wrappings 规范的 define

八款你不得不知的开源前端JS框架

八款你不得不知的开源前端JS框架

本文推荐了八款比较热门和经典的Javascript 开源框架,并给出了相关学习资料,有兴趣的朋友可以看看~ angular.js Angular.JS是一个开源的JavaScript框架,最适于

11款常见的Web应用程序框架

11款常见的Web应用程序框架

本文推荐了 11 款常见的 Web 应用程序框架,并列出了相关的学习资料和下载文档。如果对这些项目还不熟悉,就赶紧学起来吧~   Rails   Rails 是 Ruby on Rails 的简称,是一款

浅谈HTML框架的产生隐患

英文原文:The hidden danger of HTML frameworks   我想,HTML 框架的产生,主要是为了那些完全地从头开发网站却不想花太多时间的人,或者不擅长 web 开发的人。很多 web 设计师

JavaScript框架Famo.us融资2500万美元

JavaScript框架Famo.us融资2500万美元

提供HTML5 JavaScript框架开发的Famo.us公司在其官网博客上宣布在B轮融资中新获2500万美元投资。 由专注于信息科技领域早期投资的美国老牌投资机构Insight Ventures和Jave

用户界面框架jQuery EasyUI 1.4发布[附下载]

最新消息:jQuery用户界面开发框架jQuery EasyUI 1.4发布。此次更新修复了两个bug,对菜单、Combo等控件作了多处改进,用户体验上会有进一步提升。下面是详细更新内容: 修复的Bug: