ionic简介

1. 现在app开发方类型有几种? 

WebApp:就是在浏览器中运行的web应用

NativeApp:用android和Object-C等原生语言开发的应用

HybridApp:就是外面是原生的壳,里面是webapp应用,兼具2者的优势

2. Ionic介绍

 官网地址

Ionic官网 http://ionicframework.com/

Ionic中文网 http://www.ionic.wang/

首先要认识Ionic框架?

IONIC 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用它成为 Web 和移动开发者的共同选择。Ionic是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架。Ionic框架的目的是从 web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序。

Ionic框架构成

CSS框架 - 提供原生 App 质感的 CSS 样式模拟。 ionic 这部分的实现使用了 ionicons 图标样式库。

JavaScript框架 - 提供移动 Web 应用开发框架。ionic 基于 AngularJS 基础框架开发,遵循 AngularJS 的框架约束;此外 ionic 使用 AngularJS UI Router 实现前端路由。

命令行/CLI - 命令行工具集用来简化应用的开发、构造和仿真运行。ionic 命令行工具使用了 Cordova,依赖于平台 SDK(Android & iOS)实现将移动 Web 项目打包成原生 App。

Ionic特点

基于Angular语法,简单易学。

是一个轻量级框架。性能优越,运行速度快。

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

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

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

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

Ionic开发注意点有哪些?

由于 ionic 使用了 HTML5 和 CSS3 的一些新规范,所以要求 iOS7+ / Android4.1+。

在低于这些版本的手机上使用 ionic 开发的应用,有时会发生莫名其妙的问题。

时间: 2024-10-13 15:17:39

ionic简介的相关文章

Ionic之顺带APP

1:Ionic简介 官方:我们设计ionic来帮助 web 开发人员能够像开发网站一样开发出强大的移动APP应用. ionic是一个html5开发APP的框架,在开发运行效率可以说是最好的H5框架,把传统的JS开发变成面向对象开发,可控性比较好(个人实在是驾驭不了代码量较大的JS). 2:Ionic版“顺带”APP项目 项目地址:https://github.com/DaLeiGe/Ionic-shundai 结合这十来天对ionic的学习,使用ionic重新开发了一个我参加计算机作品赛时的项目

ionic 开发一款hybird App (直接剖析)

这一篇文章比较长了....... 1.ionic简介 ionic 是用于敏捷开发APP的解决方案.核心思路是:利用成熟的前端开发技术,来写UI和业务逻辑.也就是说,就是一个H5网站,这个区别于react-native,native.即是:“写一次,到处运行”. 从去年到现在,也是红得发紫,很多APP相继喷薄而出,至今也见过学多做得非常好的APP,当然,是指在iOS的机器上体验到的.android不敢恭维. 简介参见官网: http://cordova.apache.org/http://ioni

手机 app 开发的几种方式 ionic 学习思路以及 ionic 新建的项目分析

手机 app 开发的几种方式 ionic 学习思路以及ionic 新建的项目分析 学习要点:1. 目前开发手机 app 的几种方式2. Ionic 学习思路简介3. Ionic CSS 框架4. ionic js 指令 路由 其他 ui 交互效果5. ionic 命令行/CLI 安装 调试 打包( 第三季 第一讲已讲)6. ionic 开发包下载 以及命令创建的项目分析 1. 目前开发手机 app 的几种方式原生/Native: 使用原生 SDK 开发 App.优点不用说, 当你有足够的资源,这

Ionic开发Hybrid App问题总结

http://ionichina.com/topic/5641b891b903cba630e25f10 http://www.cnblogs.com/parry/p/issues_about_build_hybrid_app_with_ionic.html 作者:Parry 出处:http://www.cnblogs.com/parry/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利. 此篇文章主要整理了最近在

ionic中文教程[来自皓眸大前端]

做前端的同学有福了,学完比较热火的angular,你就可以开始动手做静态的WebApp了,这是多么幸福的一件事啊.静态的WebApp,你可以做任何的Demo,甚至可以做一些通关小游戏这个先不谈.做完了WebApp之后,神器IonicFramework来了,只要你的App没有涉及像多媒体处理,特殊传感器的处理,你都可以通过ionic打包成apk或ios应用,不用改写或者改写小部分代码.这是多么神奇哈! 皓眸大前端开发学习 转载请注明出处:http://www.haomou.net/2014/10/

Angularjs和Ionic框架搭建webApp

本文原创版权归 简书作者 噜啦啦噜啦啦噜啦噜啦噜 所有,转载请联系作者获得授权,并于文章开头标注原创作者及出处,以示尊重! 文/噜啦啦噜啦啦噜啦噜啦噜(简书作者)原文链接:http://www.jianshu.com/p/ea0dcf1d31c9著作权归作者所有,转载请联系作者获得授权,并标注"简书作者". AngularJS简介:AngularJS 是一个为动态WEB应用设计的结构框架,提供给大家一种新的开发应用方式,这种方式可以让你扩展HTML的语法,以弥补在构建动态WEB应用时静

Ionic 今天发布了Windows 桌面版的IDE Ionic Lab

Ionic简介: Ionic 是一个强大的 HTML5 应用程序开发框架,号称 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移动端解决方案 可以帮助您使用 Web 技术,比如 HTML. CSS 和Javascript 构建接近原生体验的移动应用程序. Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发. Ionic 是一个轻量的手机 UI 库,具有

ionic - ionic3.x + cordova7.0.1 环境配置

ionic简介: Ionic 是一于 款基于 Angular .Cordova 的强大的 HTML5 移 应用架开发框架 , 可以         快速创建一个跨平台的移动应用. 可以快速开发动 移动 App .移动端 WEB 页面  微信公众 平台应用,混合 app web 页面. ionic = Cordova + Angular + ionic CSS Ionic 是完全基于谷歌的 Angular 框架,在 Angular 基础上面做了一些封装,让我们可以更快       速和容易的开发移

大前端完整学习路线(详解)//转载自csdn:http://blog.csdn.net/u011047006/article/details/52597178

第一阶段: HTML+CSS: HTML进阶.CSS进阶.div+css布局.HTML+css整站开发. JavaScript基础: Js基础教程.js内置对象常用方法.常见DOM树操作大全.ECMAscript.DOM.BOM.定时器和焦点图. JS基本特效: 常见特效.例如:tab.导航.整页滚动.轮播图.JS制作幻灯片.弹出层.手风琴菜单.瀑布流布局.滚动事件.滚差视图. JS高级特征: 正则表达式.排序算法.递归算法.闭包.函数节流.作用域链.基于距离运动框架.面向对象基础. JQuer