精华内容
参与话题
问答
  • Ionic

    2016-09-02 13:55:05
    Ionic

    ionic是一个用来开发混合手机应用的,开源的,免费的代码库。可以优化html、css和js的性能,构建高效的应用程序,而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架。


    ionic是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了AngularJS和Sass。这个框架的目的是从web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序。
    ionic的开发添加androidios环境。
    ionic可以支持定制android和ios的插件,也支持服务端REST的敏捷开发。


    Ionic,是一个前端框架,帮助开发人员利用 HTML5, CSS3 和 JavaScript 等技术开发类似于原生的移动应用。

    它不是代替PhoneGap或一个JavaScript框架,主要关注UI交互和设计。

    通过Ionic构建一个简单的混合式(Hybrid)跨平台移动应用


    Ionic创始者的说:“我们创造Ionic,是因为我们坚信HTML5会引领移动开发的未来”

    Ionic 1 : use JS
    Ionic 2 : use TS

    Command: Ionic start

    展开全文
  • ionic

    千次阅读 2018-06-08 00:12:34
    #一、ionic的安装运行 1.安装nodejs 2.npm install -g cordova ionic npm i -g cordova ionic 3.创建项目 ionic start myApp tabs 4.ionic -v 是ionic 的cli版本 5.ionic serve 6.ionic g component ac...
    #一、ionic的安装运行
    1.安装nodejs
    2.npm install -g cordova ionic
    npm i -g cordova ionic
    3.创建项目
    ionic start myApp tabs
    4.ionic -v 是ionic 的cli版本
    5.ionic serve
    6.ionic g component actionsheet 必写component

    // 根模块 告诉ionic如何组装应用

    // 引入 angular 以及ionic的系统模块
    import { NgModule, ErrorHandler } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';

    // 引入根组件
    import { MyApp } from './app.component';

    // 页面 自定义的组件
    import { AboutPage } from '../pages/about/about';
    import { ContactPage } from '../pages/contact/contact';
    import { HomePage } from '../pages/home/home';
    import { TabsPage } from '../pages/tabs/tabs';

    // ionic打包成app以后配置启动画面 以及导航条的服务
    import { StatusBar } from '@ionic-native/status-bar';
    import { SplashScreen } from '@ionic-native/splash-screen';

    //引入components模块
    import { ComponentsModule } from '../components/components.module';


    @NgModule({
    declarations: [ //声明组件
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage
    ],
    imports: [ // 依赖的模块
    BrowserModule,
    ComponentsModule,
    IonicModule.forRoot(MyApp)
    ],
    bootstrap: [IonicApp], // 启动的模块
    entryComponents: [ // 配置不会再模板中使用的组件
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage
    ],
    providers: [ // 配置服务
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
    ]
    })
    export class AppModule {}




    从home页跳转到新闻页




    ##新建一个页面步骤

    1.ionic g page news

    2.app.module.ts引入声明组件

    3.home页面引入这个组件

    this.navCtrl.push(NewsPage);

    #新增Demo02

    ionic start ionicdemo02 tabs

    cd ionicdemo02

    ionic g page news

    ionic g page newsinfo

    图标库:

    https://ionicframework.com/docs/ionicons/




    #UI组件ionicdemo03

    ionic g page grid



    展开全文
  • ionic这个大杀器最近越来越接地气了,从刚开始与angular的捆绑,到后来使用typescript开发,再加上中文文档的不友好,让一部分英语基础不好和对java没什么基础的小伙伴(前端)望而生畏,笔者在ionic还是1版本的时候...

    ionic这个大杀器最近越来越接地气了,从刚开始与angular的捆绑,到后来使用typescript开发,再加上中文文档的不友好,让一部分英语基础不好和对java没什么基础的小伙伴(前端)望而生畏,笔者在ionic还是1版本的时候抱着write once run everywhere的诱惑学习过它,奈何当时刚进入这个行业,安装开发环境就用了一周,不过项目还是跑起来了,但是调硬件当时是怎么也不会,现在想想当初自己还是挺厉害的哈哈哈哈~。

    好了不吹牛了,最近又重新捡起来它,是因为公司在用,没想到都出到4版本了,angular到了8!还支持vue和react,我的天啊,我又摸了摸我宝贵的头发。

    因为公司用的版本是ionic3,所以我想初始化一个ionic3的项目。在网上百度了一下是执行如下命令:

    ionic start myApp tabs

    但是跟我同事给我的ionic3项目目录不一样,我发现没有pages目录,于是去ionic官网一个一个试,看下图

     

    ionic1版本:ionic start myApp --type=ionic1

    ionic2版本:ionic start myApp --type=ionic2

    ionic3版本:ionic start myApp --type=ionic-angular

    ionic4版本:ionic start myApp 或 ionic start myApp --type=angular

    展开全文
  • ionicionic 教程

    2018-04-28 17:08:00
    ylbtech-ionicionic 教程 1.返回顶部 1、 ionic 教程 ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术,比如 HTML、CSS...
    ylbtech-ionic:ionic 教程

     

    1.返回顶部
    1、

    ionic 教程

    ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序

    ionic 主要关注外观和体验以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发

     

    ionic是一个轻量的手机UI库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题,它直接放弃了IOS6和Android4.1以下的版本支持,来获取更好的使用体验


    ionic 特点

    • 1.ionic 基于Angular语法,简单易学。
    • 2.ionic 是一个轻量级框架。
    • 3.ionic 完美的融合下一代移动框架,支持 Angularjs 的特性, MVC ,代码易维护
    • 4.ionic 提供了漂亮的设计,通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用。
    • 5.ionic 专注原生,让你看不出混合应用和原生的区别
    • 6.ionic 提供了强大的命令行工具。
    • 7.ionic 性能优越,运行速度快。

    学习本教程前你需要了解?

    学习本教程前你需要了解以下基础知识:


    ionic 相关内容

    ionic 官方网站:http://ionicframework.com/

    ionic 官方文档:http://ionicframework.com/docs/

    Github 地址:https://github.com/driftyco/ionic

    2、
    2.返回顶部
     
    3.返回顶部
     
    4.返回顶部
     
    5.返回顶部
    1、
    2、
     
    6.返回顶部
     
    warn 作者:ylbtech
    出处:http://ylbtech.cnblogs.com/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

    转载于:https://www.cnblogs.com/storebook/p/8968807.html

    展开全文
  • IonicLab 安装包 ionic开发工具

    热门讨论 2016-04-18 15:10:40
    IonicLab 官方下载地址被墙了。
  • Ionic进阶之路由去哪了 项目需求 在查看药品时,从药品列表中可以通过点击药品列表获取某一药品详情。提交订单时,同样可以查看药品详情。两种情形下,从药品详情返回后,应分别返回至原来的页面。如下图所示。 ...
  • ionic例子

    2018-10-09 20:33:55
    使用CLI安装 安装离子 npm install -g ionic 首先,安装Node.js的。然后,在终端中安装最新的Ionic命令行工具。按照Android 和iOS平台指南... 使用我们现成的应用程序模板创建一个Ionic App,或者使用空白...
  • 在网上找了很长时间,但找到的ionic登陆页login跳转到tabs的方法在ionic4上基本都无效,后来终于找到了解决这个问题的办法,简单易行,前两天发表了一篇ionic4和ionic5创建login登陆页跳转到tabs方法的博客,现在写...
  • 主要是ionic2和ionic3的他们两者的优缺点,以及更新的新内容
  • 安装ionic

    2020-06-02 09:53:31
    安装ionic 首先下载:nodejs 用npm安装 ionic cordova 指定版本的命令: 打开cmd 安装 ionic 和 cordova 命令 npm install -g cordova ionic 更新命令 npm update -g cordova ionic 安装指定版本命令 npm install -g ...
  • ionic resources

    2019-10-06 08:06:25
    下面是我在使用ionic,cordova,angularjs的时候经常使用的资源。 ionic css components cordova documentation ionic icons ngCordova: how to get interact with devices ionic tutorials ionic 中文版教程 ...
  • ionic 模板

    2015-07-29 09:39:42
    由于最近研究ionic框架,深感这块的Demo寥寥可数,而大家又都藏私,堂堂天朝,何时才有百家争鸣之象,开源精神吾辈当仁不让!
  • Ionic -- Ionic1与Ionic2的区别

    千次阅读 2017-04-26 19:01:09
    现在公司使用ionic1的框架做项目,ionic2发布之后想把项目迁到ionic2上来,所以研究一下,发现把项目从ionic1迁入到ionic2是有点。。。 Ionic专注于以标准的HTML、CSS、和JavaScript来构建的移动站点,并可以通过...
  • ionic项目分享

    千次下载 热门讨论 2015-07-21 13:07:53
    由于最近研究ionic框架,深感这块的Demo寥寥可数,而大家又都藏私,堂堂天朝,何时才有百家争鸣之象,开源精神吾辈当仁不让!
  • ionic 文件上传 ionic4.x

    2020-08-27 11:48:43
    最近在做ionic4的app项目,遇到上传图片和拍照已经处理,上传本地文件还碰到了一些小问题。首先引入 // File Transfer ionic cordova plugin add cordova-plugin-file-transfer npm install --save @ionic-native/...
  • ionic1 升级到 ionic2

    千次阅读 2017-05-26 10:40:04
    ionic1 ionic2 升级 问题
  • ionic4

    2018-12-15 17:34:21
    1.1 Install the Ionic CLI npm install -g ionic 1.2 Install the Ionic CLI //app指创建项目的名称 //tabs指模版类型为tab ionic start app tabs --type=angular 1.3 Run the App cd myApp ionic ...
  • 初识Ionic

    2019-12-27 12:41:33
    终于要对Ionic下手了
  • Ionic入门

    2018-11-26 21:06:54
    Ionic可以针对不同设备进行自动适配 一.Inoic框架介绍 1.Inoic框架简介 Ionic是一个混合开发的首选平台 选择原因 HTML5+CSS+JS 适配于IOS,Android,Windows Phone,浏览器 官网:ionicframework.com 2.Ionic版本...
  • 本篇文章主要介绍了ionic App问题总结系列之ionic点击系统返回键退出App,具有一定的参考价值,有兴趣的可以了解一下
  • ionic devappCables. Who needs them? Not you, because you’re using Ionic DevApp! This is an awesome application available on the iOS and Android stores that allow you to test your Ionic applications ...
  • 一个可筛选的下拉选择ionic2组件(ionic2 filter select)
  • ionic介绍

    千次阅读 2018-12-13 10:51:27
    最近公司在使用ionic做混合APP,虽然是最后端,但是也查一下东西,介绍一下吧 这是菜鸟教程的 Ionic 一.介绍 ionic是一种老式的使用H5开发iOS和Android应用的方式,也可以使用新的语言React Native开发,当然对于H5...
  • ionic图片轮播

    2016-04-07 17:52:48
    ionic 图片轮播
  • ionic3正式发布(ionic2升级到ionic3)

    千次阅读 2017-06-02 22:27:48
    ionic3 大概在2017年的复活节正式发布,相对于ionIc2有很多的新特性 官方网址 : http://blog.ionic.io/announcing-ionic-cli-v3/ ionic3的新特性介绍 : https://www.joshmorony.com/whats-new-in-ionic-3/ 1 ...
  • Ionic命令

    热门讨论 2018-05-27 21:07:10
    前言:学习ionic一段时间了,今天将ionic命令总结一下,以便以后的学习回顾。内容:1、安装命令```npm install -g cnpm --registry=https://registry.npm.taobao.org(npm镜像源指向淘宝) cnpm install -g cordova...

空空如也

1 2 3 4 5 ... 20
收藏数 34,355
精华内容 13,742
关键字:

ionic