• 基于Ionic框架的移动APP开发

    时间:2024-03-15 19:39:32

    一、基础知识认知ionic框架是HTML、css、JavaScript用户界面框架,用于混合移动APP开发,包括(用户界面组件,强大的接口(CLI),附属的服务(ionic view 和ionic creator)最上层:Ionic框架自身中间层:AngularJS(web 应用框架)最下层:Apa...

  • ionic环境配置,生成apk

    时间:2024-03-15 19:36:31

    什么是Ionic3框架?Ionic3框架是一个混合开发框架,其本身依赖于Angular,Sass,Cordova。使用Ionic3框架可以做什么?使用Ionic3可以使用前端相关技术快速开发多平台的移动APP。Ionic3环境搭建安装Visual Studio 2011以上版本。安装python 2...

  • Ionic2学习笔记(2):自定义Component

    时间:2024-03-15 19:27:23

    Ionic2学习笔记(2):自定义Component作者:Grey原文地址: http://www.cnblogs.com/greyzeng/p/5536298.html                上一篇提到,Ionic2提供了很多Component供使用,例如:<ion-title>...

  • ionic 调用手机摄像头拍照, 选择本地视频,选择本地图片

    时间:2024-02-29 22:41:37

    ionic 调用手机摄像头拍照, 选择本地视频,选择本地图片 ,摸索半天没摸索到调用摄像头摄影的方法,故只写了调本地视频文件方法 ,如有哪位大佬知道,感谢分享$scope....

  • Ionic 开发环境搭建

    时间:2024-01-22 08:05:59

    android sdk环境搭建并非易事,本人经过无数失败,才使用以下方式成功 配置Ionic 开发环境1、下载JDK并配置Java运行环境http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.ht...

  • 方法:怎么用ionic命令行调试你的ionic app

    时间:2024-01-20 15:14:40

    官网上有很详细的解说  http://blog.ionic.io/live-reload-all-things-ionic-cli/下面说说我自己的调试过程(android版):首先用命令行进入你的项目目录:然后运行命令ionic platform add android/ios我是创建了andro...

  • ZH奶酪:Ionic中(弹出式窗口)的$ionicModal使用方法

    时间:2024-01-20 12:39:34

    Ionic中[弹出式窗口]有两种(如下图所示),$ionicModal和$ionicPopup;$ionicModal是完整的页面;$ionicPopup是(Dialog)对话框样式的,直接用JavaScript设定对话框的一些参数,通常用于通知消息、确认等作用;本文主要介绍IonicModal的使...

  • 给Ionic写一个cordova(PhoneGap)插件

    时间:2024-01-19 15:02:00

    给Ionic写一个cordova(PhoneGap)插件之前由javaWeb转html5开发,由于面临新技术,遂在适应的过程中极为挣扎,不过还好~,这个过程也极为短暂;现如今面临一些较为复杂的需求还会有一丝丝头痛,却没有一开始那么强烈了。。。在正式写下文之前,我先感谢公司大boss:王总,感谢他让我...

  • ionic中点击图片看大图的实现

    时间:2024-01-18 19:53:17

    在页面上显示了几张图片后,因为是手机端,图片会有点小的感觉,就想着怎么样才能让用户点击小图片看到大图呢,项目中ionic结合angularjs实现了这个功能1.首先是三张小图上应添加一个函数,当点击图片时触发大图,代码如下:HTML:<div class="row padding"> ...

  • Ionic Demo 解析

    时间:2024-01-14 11:54:23

    Ionic Demo 解析index.html 解析1.引入所需要的类库<link rel="manifest" href="manifest.json"> <link href="lib/ionic/css/ionic.css" rel="stylesheet"> ...

  • Ionic2使用百度地图API(JS)出现白屏解决方案

    时间:2024-01-09 11:05:40

    最近自学ionic2,写了一个内嵌百度地图JS的demo,实际跑起来之后出现了大家常见的白屏问题。。最初的实现是这样的:首先主页内嵌了一个百度地图插件<div id="Bmap" style="width: 100%;height: 100%">之后menu中一个引导的子页面也内嵌了一个...

  • Ionic 入门与实战之第二章第二节:Ionic 环境搭建之 Ionic Lab 使用

    时间:2024-01-07 19:03:15

    原文发表于我的技术博客本文是「Ionic 入门与实战」系列连载的第二章第二节,主要对 Ionic Lab 工具作了介绍,并讲解了其使用方法,这也是一个开发 Ionic 比较好的调试工具。原文发表于我的技术博客Ionic Lab 是 Ionic 发布的一个可视化、跨平台的项目管理工具,可以创建、测试、...

  • Ionic 入门与实战之第二章第一节:Ionic 环境搭建之开发环境配置

    时间:2024-01-07 18:37:03

    原文发表于我的技术博客本文是「Ionic 入门与实战」系列连载的第二章第一节,主要对 Ionic 的开发环境配置做了简要的介绍,本文介绍的开发环境为 Mac 系统,Windows 系统基本类似,少许差别请查阅相关文档即可。原文发表于我的技术博客1. Ionic 环境的安装1.1 Node.js 与 ...

  • ionic3 安卓硬件返回

    时间:2024-01-04 12:02:10

    platform.ready().then(() => { this.platform.registerBackButtonAction(() => { let activePortal = this.ionicApp._modalPortal.getActive...

  • ionic的安装

    时间:2024-01-02 23:30:58

    一.学习一样新的框架的步骤:1.先找到人家的网站, 一个个点过来看看2.我们前端的框架,分css与js3.先学css 再学js4.要学会复制黏贴代码, 实际演练代码的效果二.ionic环境安装及ionic2安装链接 (vs2015)1. Ionic的环境安装建立在node安装好的前提下2. 安装JD...

  • ionic2 自定义cordova插件开发以及使用 (Android)

    时间:2024-01-01 13:24:38

    如何写一个cordova 用于ionic2项目中呢,在搜索了一番之后,千篇一律,我都怀疑那些文章是不是全部都是复制来复制去的,而且都不是很详细。我自己也捣鼓了一下午,踩了很多坑。所以特此写这下这篇,记录一下。假设需求是 写一个日志插件,可以将日志写在手机的sdcard中。1.安装plugmannpm...

  • Ionic3.0 输入状态时隐藏Tabs栏

    时间:2023-12-30 23:33:00

    刚接触ionic3 不久 ,发现遍地都是坑,昨天遇到一个问题就是当键盘弹起的时候tabs 也被 弹了起来,最初预想是放在tabs 的一个子页面内处理这个问题,Tabs隐藏后,我们发现底部有部分空白,是因为ion-content编译后,实际内容显示于一个class为scroll-content的div...

  • ionic3-ng4学习见闻--(多环境方案)

    时间:2023-12-29 11:22:46

    搜了很久,很难找到一个详细入微,开箱即用的方案。于是我 百折不挠的,搞出来一个,也不知道是不是最完美的方案,有什么可以优化的地方可以指出,谢谢。首先,1.项目目录下(与src平级),新增config/webpack.config.js文件,内容如下: var chalk = require("cha...

  • Angular+Ionic+RSA实现后端加密前端解密功能

    时间:2023-12-26 12:47:00

    因业务需要,需要给android应用安装证书,通过读取证书文件内容实现某些功能的控制;流程:后台通过publicKey对指定内容的文件进行加密,生成文件共客户下载,客户下载后选择该证书文件读取到应用中;后台加密代码:package com.zl.unit.printunit;import org.s...

  • Ionic2 App Import BrowserAnimationsModule or NoopAnimationsModule问题

    时间:2023-12-25 20:18:49

    在开发app的过程中遇见了动画相关方面的问题,具体如下:解决方法是:在app.module.ts模块中引入BrowserAnimationsModuleimport { BrowserAnimationsModule } from '@angular/platform-browser/animati...