用ionic框架开发移动端应用基本介绍和原理
来源:互联网 发布:知乎提问怎么取消匿名 编辑:程序博客网 时间:2024/06/05 10:34
首先要安装ionic,我们利用nodejs的npm,由于国内网络的原因,安装可能失败,可以用“蓝灯“来解决这个问题,安装命令如下:
npm install -g cordova ionic 环境搭建
ionic start myApp 创建应用
ionic server 启动应用(需要注意的是,在启动应用的时候要进入myApp文件夹下面,不然会报错
下面是整个技术栈的一个简单介绍:
1.用户打开应用
2.设备加载cordova应用封装器(设备)
3.cordova应用加载器加载新webview -->带javascript API的webview -->webview加载index.html文件(cordova)
4.angular加载并确认默认视图(angular)
5.渲染ionic组建并用作UI(ionic)
上面是ionic框架的技术栈和它所有关联的关系介绍。
技术要求:前期主要学ionic框架的组件,这个比较快,然后是angularjs的学习,要知道ionic视图离不开angular,如果开发的应用要用Android/iOS系统的内置应用,那么你需要学习cordova相关的知识,这里就用到了我们刚开始安装的cordova。
0 0
- 用ionic框架开发移动端应用基本介绍和原理
- Hybird HTML5 App(移动应用开发)之:了解Ionic框架
- ionic开发移动应用总结
- 移动端开发-IONIC
- 搭建移动端框架Ionic+Genymotion开发环境
- 搭建移动端框架Ionic+Genymotion开发环境
- Ionic:HTML5移动应用界面框架
- 使用ionic框架构建移动应用
- 在一个cordova/Phonegap开发的移动端web应用中使用ionic和Angular.js技术进行身份验证
- 移动手机应用开发js框架zepto.js入门介绍
- React Native跨平台移动应用开发框架介绍
- 11个移动应用开发的HTML5框架和应用
- 用于开发移动Web应用的HTML5框架和应用
- 前端学习总结(十二)ionic——媲美原生的h5跨平台移动应用开发框架
- ionic—基于web的移动端app开发框架(CSS篇1)
- angular JS 基于ionic框架 开发移动端项目 实现进入前台 判断用户权限 控制项目UI布局和tab的部门显示和隐藏
- AngularJS +Ionic 移动端开发 一
- AngularJS +Ionic 移动端开发 二
- sort的升级
- OpenGL ES入门09-GLSL实现常见特效
- SSH命令,ls命令
- 详解Bitmap使用,以及BitmapDrawable和BitmapFactory
- 懒汉处理dapper字段名与属性名的映射方式
- 用ionic框架开发移动端应用基本介绍和原理
- TextView属性大全
- 静态顺序表------C语言实现
- 为什么BeanFactory对象可以用ApplicaionContext对象的实例进行实例化
- 性能测试实施(1)之团队组建
- 关于指针的一点知识和九度oj1518
- 经典算法题:大数据处理常见算法题
- 使用ocilib库访问oracle数据库
- springmvc常用注解标签详解