Ionic 入门

 什么是lonic

  简单来说lonic就是一款HTML5移动端应用开发框架,通过配合AngularJS和Cordova/PhoneGap可以开发一款移动端app,值得注意的是它创建的app是混合移动应用,混合移动应用,如果你不理解什么是混合移动应用,那么你可以这样想,原本我们开发的网站只能在电脑端运行,但是它给这个电脑端的网站加了个壳,它现在可以运行在移动端,那么这就叫做混合移动应用,这样理解的话,自然lonic也是通过配合Cordova或者使用PhoneGap框架在外面套了一个壳,就可以生成手机app。既然是app自然就不再需要运行到浏览器中了。

 ionic 特点

看看官方怎么说的吧。

1. ionic 基于Angular语法,简单易学。

2.ionic 是一个轻量级框架。

3.ionic 完美的融合下一代移动框架,支持 Angularjs 的特性, MVC ,代码易维护。

4.ionic 提供了漂亮的设计,通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用。

5.ionic 专注原生,让你看不出混合应用和原生的区别

6.ionic 提供了强大的命令行工具。

7.ionic 性能优越,运行速度快。

总结:我们可以通过lonic来写我们的的html,css,js,再通过Cordova/PhoneGap来打包我们的html,css,js,让它变成一个可以运行在手机上的app。

时间: 2024-10-14 20:31:02

Ionic 入门的相关文章

ionic入门之色彩、图标、边距和界面组件:列表

转载声明,本文章来自http://cnodejs.org/topic/551b516c33e515e67640631e 目录: 色彩.图标和边距 色彩 图标 内边距 界面组件:列表 列表:.list 成员容器:.item .item: 嵌入文本 .item : 嵌入图标 .item : 嵌入头像 .item : 嵌入缩略图 .item : 嵌入大图 色彩 ionic定义了九种前景/背景/边框的色彩样式,: 可以在任何元素上使用这些样式设置前景和背景颜色: <any class="posit

ionic入门教程第十一课-简要说明ion-list、ion-item完成列表页ion-infinite-scroll上拉加载ion-refresher下拉刷新

发了十篇教程,现在向我问问题的朋友越来越少了.可能我接触到的学习ionic的就这么些人吧! 可能大家已经觉得我写的东西都太过基础了,没什么值得参考借鉴的地方. 开始有人叫我说直接防类似饿了吗,折八百这样的网站,做一个Demo. 其实我也知道有些朋友就想要这种网上的免费劳动力. 但是其实这个建议还是不错的. 等我把现在这个demo讲完,我可能会考虑找一个成熟的上线的项目进行说明. 这个列表页一说,写完这个的朋友就可以尝试着接手项目了. 我不是说ionic简单,内容少. 我只是说我这些时间里面提到的

ionic入门篇(一)[了解]与[头部、底部、副标题]

一].ionic了解:是什么?1.强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )2.构建接近原生体验的移动应用程序.3.注重外观.体验.交互4.轻量.速度快5.不支持IOS6和Android4.1以下的版本 特点:1.基于Angular语法2.轻量级.简单3.融合下一代移动框架,支持Angular.js特性,MVC,代码易维护4.漂亮.SASS.UI组件多5.原生性强6.ionic提供了强大的命令行工具7.性能优越,运行速度快 ion

ionic 入门学习

我用的环境是visual studio Code和node.js 安装包网盘: node.js链接:http://pan.baidu.com/s/1o8a64qQ 密码:7uec visual studio Code链接:http://pan.baidu.com/s/1cxV8ZG 密码:i6r9 配置环境: npm install -g ionic npm install -g cordova 创建目录:在Windows powershell输入:cd D: mkdir workspace c

ionic入门01

总述 ionic是一个强大的混合式/hybrid HTML5移动开发框架,特点是使用标准的HTML.CSS和JavaScript,开发跨平台的应用. 接下来,敝人会从0到1采用ionic构建一个简单的应用,希望和大家一起学习该技术... (来自http://www.ionic.wang/)   写在前面 为什么选择该技术 从web视角开发移动端app应用,一份源码可以打包成ios和android应用 阅读对象要求: 理解h5.css3.js 案例展示 搭建开发环境 1.安装node(node官网

ionic入门教程-ionic路由详解(state、route、resolve)(转)

http://blog.csdn.net/onil_chen/article/details/51758696?appinstall=0 今天好好的跟大家讲讲ionic的路由配置. 问到的朋友有点多,因为这个内容比较多,所以我一直想等我多了解一些再出关于路由的教程. 但是有些很简单的也有朋友不理解,所以我就提前出了这篇教程. 希望能对大家有点帮助,关于我遗漏的部分,后面再发教程补充吧. 但是基本的内容,简单的应用,应该这篇教程里面都会提到了. 首先我们还是从tabs类型的新建项目来学习(这个项目

ionic入门之AngularJS扩展(一)

ionic ionic是一个强大的混合式/hybridHTML5移动开发框架,特点是使用标准的HTML. CSS和JavaScript,开发跨平台(目前支持:Android.iOS,计划支持:Windows Phone.Firefox OS) 的原生App应用: ionic主要包括三个部分: CSS框架 - 提供原生App质感的CSS样式模拟.ionic这部分的实现使用了ionicons图标样式库. JavaScript框架 - ionic基于AngularJS基础框架开发,遵循AngularJ

ionic入门之AngularJS扩展

ionic ionic是一个强大的混合式/hybridHTML5移动开发框架,特点是使用标准的HTML. CSS和JavaScript,开发跨平台(目前支持:Android.iOS,计划支持:Windows Phone.Firefox OS) 的原生App应用: ionic主要包括三个部分: CSS框架 - 提供原生App质感的CSS样式模拟.ionic这部分的实现使用了ionicons图标样式库. JavaScript框架 - ionic基于AngularJS基础框架开发,遵循AngularJ

Ionic入门demo(环境配置)

Ionic官网 安装nodejs 1-安装ionic npm install -g cordova ionic 2-构建项目(进入你要创建项目的路径) ionic start myApp tabs(创建一个名为myApp的还有tabs的项目) 3-运行(有android模拟器) cd myApp(myApp就为项目名称,进入myApp这个文件夹) ionic platform add android(添加android平台) ionic build android(生成androidapk) i