文档章节

什么是Ionic Js?

博为峰教研组
 博为峰教研组
发布于 2017/03/22 12:37
字数 295
阅读 16
收藏 0

ionic主要包括三个部分:

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

2.JavaScript框架 - ionic基于AngularJS基础框架开发,遵循AngularJS的框架约束;主要提供了适应移动端UI的 AngularJS的扩展,主要包括指令和服务。此外,ionic使用AngularUI Router来实现前端路由。

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

Ionic.js对AngularJS 进行了扩展,主要就是将移动端开发中常见的 UI 组件抽象成AngularJS的指令,便于我们在开发中快速构建应用界面。

比如,我们使用ion-tabs指令就可以实现一个功能完备的选项卡:

<ion-tabs>

<ion-tab title="首页">...</ion-tab>

<ion-tab title="交流">...</ion-tab>

<ion-tab title="设置">...</ion-tab>

</ion-tabs>

ionic.js实现的指令基本覆盖了移动端开发所需,下面的图可以帮助我们快速简要地了解 ionic.js的能力:


 

 

 

© 著作权归作者所有

博为峰教研组
粉丝 51
博文 1224
码字总数 479077
作品 0
黄浦
程序员
私信 提问
5大最流行手机webAPP框架之Ionic

Ionic 框架 Ionic框架是我们前五个web app框架中最年轻的,阿尔法版本是在2013年11月下旬发布的。Ionic是建立在google的AngularJS框架上的,它利用AngularJS来提供应用结构,而它本身更关注的是...

大培哥
2015/10/31
6.1K
0
JavaScript 瘦身有成,可帮 Fitbit 智能表公司开发 App

Fitbit Ionic 智能手环发布了软体开发套件,让开发者能以 JavaScript、CSS 与 SVG 开发 Fitbit OS 应用程式以及界面,并可将 App 及界面设计上传至收藏库予以分享。 JavaScript 因作为网页脚...

周其
2018/02/10
1K
6
Ionic Framework 学习

编者注 由于钻研服务器,前端一直使用Bootstrap,当然也非常好用。但是打包跨平台,还有现代的CLI工具都不太会用。近期发现Ionic已经可以脱离Angular也能够实施在Vue框架下,这个将会提供非常...

抢小孩糖吃
02/01
115
0
2014 年最火的 21 个 JavaScript 框架

下面,我们将会介绍 2014 年最火的 21 款 JavaScript 框架,专为前端开发者准备的哦:)众所周知, JavaScript 框架是 JavaScript 编程语言最棒的特性之一。 JavaScript 框架是预先编写好的 ...

lateron
2014/08/26
19.7K
52
ionic项目测试是ng-cordova和设备同步问题

@龙马行空 你好,想跟你请教个问题: 我在用ionic项目进行ios和android测试的时候,有木有办法和手持端进行同步,不然每次修改完后都要编译然后打包在 设备上,主要是一些插件必须用到设备,...

星爵
2016/07/18
401
0

没有更多内容

加载失败,请刷新页面

加载更多

web前端开发初级

Web 页面制作基础 Web 的相关概念 WWW Website URL Web Standard Web Browser Web Server HTML 基础 标记语言 从 HTML 到 XHTML HTML 的基本结构 HTML 的相关基本定义 HTML 常用开发工具 HT...

达达前端小酒馆
11分钟前
1
0
PostgreSQL 11.3 locking

rudi
今天
5
0
Mybatis Plus sql注入器

一、继承AbstractMethod /** * @author beth * @data 2019-10-23 20:39 */public class DeleteAllMethod extends AbstractMethod { @Override public MappedStatement injectMap......

一个yuanbeth
今天
15
1
一次写shell脚本的经历记录——特殊字符惹的祸

本文首发于微信公众号“我的小碗汤”,扫码文末二维码即可关注,欢迎一起交流! redis在容器化的过程中,涉及到纵向扩pod实例cpu、内存以及redis实例的maxmemory值,statefulset管理的pod需要...

码农实战
今天
4
0
为什么阿里巴巴Java开发手册中不建议在循环体中使用+进行字符串拼接?

之前在阅读《阿里巴巴Java开发手册》时,发现有一条是关于循环体中字符串拼接的建议,具体内容如下: 那么我们首先来用例子来看看在循环体中用 + 或者用 StringBuilder 进行字符串拼接的效率...

武培轩
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部