IONIC3 第15页

ionic3 教程（一）安装和配置

链接：ionic3教程（一）安装和配置ionic3教程（二）登录页制作ionic3教程（三）设置页制作ionic3教程（四）安卓硬件返回键处理ionic3教程（五）基本的网络请求学习本教程前你需要了解以下内容

Snorlax丶·2019-12-08 02:51

ionic3 从UIWebView升级到WKWebView（翻译）

在iOS中，现在已经有两个网页浏览器，UIWebView和WKWebView。Ionic应用程序已经在历史版本中使用UIWebView，但之后不再使用。Ionic现在在构建iOS时默认使用WKWebview。我们坚信，WKWebview是任何应用程序的最佳选择，因为它具有对旧版本的Webview（UIWebView）的许多改进。这些功能包括：JIT将JS代码转换为机器代码，运行速度更快改善了渲染性

待花谢花开·2019-12-07 18:35

ionic（3.9.2）ios开发环境搭建

下载node.js下载cnpmcnpminstallionic3.9.2-gcnpminstallcordova-gionicstartmyappionicserveioniccordovaaddplatformios

我是强强·2019-12-06 10:38

ionic3使用FileOpener打开文件

fileopener提供了通过手机自带程序打开文件的方法,但是需要我们输入文件类型,下面是详细使用方法:1.导入fileopener模块,并添加到provider中$ioniccordovapluginaddcordova-plugin-file-opener2$npminstall--save@ionic-native/file-opener2.点这里查找要打开的文件对应的文件类型信息(file

冷鸢J·2019-12-01 15:50

Android跨进程通信IPC之6——Binder框架

Android跨进程通信IPC整体内容如下1、Android跨进程通信IPC之1——Linux基础2、Android跨进程通信IPC之2——Bionic3、Android跨进程通信IPC之3——关于"JNI

隔壁老李头·2019-12-01 07:19

ionic3 自定义时间Pipe（多语言版）

使用date-fns库，是一个轻量级的日期库，提供了各种格式化日期函数。官网1.安装date-fns库$npminstalldate-fns--save2.新建一个Pipe$ionicgpiperelative-time成功后结构如下图片.png3.将pipes的Module导入到app.module(懒加载导入到页面的Module)import{pipesModule}form'../pipes

No刹那光辉·2019-11-30 20:55

[Angular/Ionic]ionic3中ion-slides切换页面返回后自动轮播

开发需求,需要定制ion-slides,关于ion-slides滚动时或滑动时,样式的话,通过修改ion-slides自身的css样式能达到基本的效果,比如下图,在显示的时候图片是放大,在切换的过程中是缩小的ion-slides.gif下面简单讲一下如何开发ion-slides首先引入ion-slides获取ion-slides对象:@ViewChild("topSlide")topSliders

老汤哥不老·2019-11-15 16:53

ionic3项目实战教程 - 第12讲 ionic3制作icon和splash

这一讲主要包含以下几个部分：1.设计icon;2.设计splash；3.生成各个平台各个尺寸的icon和splash；1.设计icon来，打开你的PS，新建-文件，像素为1024*1024，背景透明，确定；...新建图层，背景色，你随意就好；...再新建一个文字，没错，就是左边竖着的工具栏，有一个类似T的小图标；...将刚才那个文字大小改为180，将文字改为"精品"；...在复制一个，将文字改为"

IonicBlog·2019-11-08 10:40

ionic3.0安装环境

《ionic3.0基础系列》第一篇，怎么搭建一个ionic生产及打包环境。为什么选择ionic?

web前端大师兄·2019-11-06 17:57

ionic3项目实战教程 - 第11讲 ionic3个人中心界面设计

ionic3项目实战教程-第11讲ionic3个人中心界面设计这一讲主要包含一下几个部分：1.个人中心ts具体代码展示；2.个人中心html具体代码展示；3.效果图；1个人中心-about.tsabout.tsimport

IonicBlog·2019-11-06 16:19

【组件篇】ionic3开源组件

提醒一点，ionic3除了很方便使用ionic2及以上组件外，也很方便引入angu

IT晴天·2019-11-06 08:15

Ionic—— 手动搭建开发环境

ionic简介更新：今天又装了环境，发现ionic3创建项目，发现改了很多，遇到了些问题：http://www.jianshu.com/p/3b4bae2ee234原：ionic特点：1、MVC模式的移动框架

一只飞·2019-11-06 04:32

开源项目 ionic3-awesome 新动态—实现多主题功能

项目地址：https://github.com/artdong/ionic3-awesome从零开始搭建一个ionic3app，集成更多通用功能，通用组件。

全栈弄潮儿·2019-11-05 04:33

ionic3-使用SQLite数据库

安装插件安装sqlite插件和依赖npminstall--save@ionic-native/sqliteioniccordovapluginaddcordova-sqlite-storage在app.moudle.ts中引入SQLite...import{SQLite}from'@ionic-native/sqlite';...providers:[...SQLite]...app.module

JoyoDuan·2019-11-03 12:43

Ionic3 安卓签名

app签名，相当于是app在Anndroid系统上的一个认证，Android系统要求每一个Android应用程序必须要经过数字签名才能够安装到系统中，也就是说如果一个Android应用程序没有经过数字签名，是没有办法安装到系统中的！Android通过数字签名来标识应用程序的作者和在应用程序之间建立信任关系，不是用来决定最终用户可以安装哪些应用程序。这个数字签名由应用程序的作者完成，并不需要权威的数

spilledyear·2019-11-03 10:32

来扯点ionic3[8] 模态框 Alerts 和 Toast

本系列文集：来扯点ionic3我们在实现交互设计时，常需要就应用的状态、特定的操作进行必要的提示和反馈，包括提醒用户网络出现故障、某一项输入不合法、某个操作已经生效等等。

忠叔·2019-11-02 20:31

【开发指南】（四）Ionic3快速上手并了解这些

官网——开发文档Ionic源码信息——项目动态IonicConferenceApp——官方示例1、创建项目首先配置好开发环境，若不清楚，请先阅读此文：【开发指南】（一）Ionic3开发环境配置开发ionic

IT晴天·2019-11-02 17:02

ionic 视频录制和选取

ps：我的开发环境：mac10.12，ionic3.0.41.视频录制1.视频录制的插件：点击点击UpUp2.插件的集成：$ioniccordovapluginaddcordova-plugin-video-capture-plus

mysticIon·2019-11-02 02:15

Ionic3学习笔记（一）安装、项目结构与常用命令

本文为原创文章，转载请标明出处目录安装项目结构常用命令1.安装安装Cordova、Ionicnpminstall-gcordovaionic创建一个新项目，有blank、tabs、sidemenu3种样式可选，tutorial、super、conference为官方Demo，aws为AWSMobileHubDemoionicstartmyAppblankionicstartmyApptabsion

Metaphors·2019-11-01 19:16

ionic3打包安卓apk

当我们的ionic应用开发结束之后，就要开始上线到应用市场，那么Android的发布步骤具体是怎么样的呢？1)编译运行命令行：ioniccordovabuildandroid--release1如果一切顺利，最后会buildsuccessful在platforms/android/build/outputs/apk/目录下面会生成默认名字为android-release-unsigned.apk的

厦门第一帅哥·2019-11-01 13:44

2018-09-12

ionIc3项目运行在虚拟机上https://blog.csdn.net/yelllowcong/article/details/79456239ionic3之在模拟器上运行ionic3程序-yellowcong2018

luoluoangel·2019-11-01 09:34

SRM移动组件之选择器-基于ionic3框架开发的选择器组件

基本上是参考ionic3官网的文档，如果有哪里不对或者需要修改的地方，欢迎指教，本人虚心接受。需求：效果图如下场景描述：在一些常见的移动应用中经常遇到一些，让用户进行帅选的数据，这些用户场景比较常见。

薪火设计·2019-11-01 08:09

自定义类或函数的使用

在ionic3项目根目录下新建一个文件：appconfig.ts，代码如下：exportclassAppConfig{//测试环境URLpublicstaticgetDebugUrl(){return"http

飞牛_全栈·2019-10-31 23:56

Angular4自定义组件以及数据绑定—进度条

结合Ionic3进行项目开发，组件性强，开发效率得到了大大的提高。根据项目功能的开发需要，需要做一个进度条。根据Angular的特性，写了一个组件，利用@Input()的特性

MeiDan_Qiu·2019-10-31 22:52

【Appetite】ionic3实录（七）次页实现及分析解决问题【下】

上一节提到几个问题，现在我们逐一来解释一下：问题一：initSwiper方法为什么放在获取数据之后？它放在其它地方可以吗？此外，它上面为什么会放个this.cd.detectChanges()？initSwiper(){newSwiper('.wheel.swiper-container',{slidesPerView:2,initialSlide:1,watchActiveIndex:true,

IT晴天·2019-10-30 19:37

ionic4环境搭建

如果出现上图所示，则证明node安装成功；2、安装ionic安装ionic命令：npminstall-gionic查看ionic版本命令：ionic-version卸载ionic命令：npmuninstall-gionic3

平平淡淡summer·2019-09-29 11:00

三步实现ionic3点击退出app程序

本文实例为大家分享了ionic3点击退出app程序的具体代码，供大家参考，具体内容如下其实也很简单。

changzhengcome·2019-09-17 11:38

ionic3双击返回退出应用的方法

ionic3做双击退出应用的时候按照网上大神的来，从中遇到了一些问题，用this.app.getRootNav().push(MyPage);跳转的页面无法返回，this.app.getActiveNav

路与飞鸟·2019-09-17 11:47

ionic3打包出现的问题

1.[ERROR]Anerroroccurredwhilerunningcordovaprepare(exitcode1):解决办法：删除并重新添加平台以使用以下命令解决问题：cordovaplatformrmioscordovaplatformaddios如果执行ioniccordovabuildandroid报错，执行下面的试下：cordovaplatformrmandroidcordovap

Gravel812·2019-08-29 11:13

ionic2/ionic3 ion-item内部不渲染div或者span以及其他元素

ionic2/ionic3ion-item内部不渲染div或者span以及其他元素，可以说是任何自定义的html元素只识别但是如下结构至你猜怎么着，中间的label元素渲染后居然跑到第一个去了，崩溃。。

zoroDcup·2019-07-26 11:01

TOTP，谷歌双因子认证

记录一下用前端技术开发一个谷歌双因子认证的APP，技术是ionic3+Cordova；之所以叫双因子，是因为动态产生的六位验证码是跟两个因素有关的，一个是当前的时间的帧，另一个是约定好的secret，默认的时间是取当前的时间戳

搬砖的哈哈·2019-07-17 17:53

Ionic3/4中如何上传图片（拍照/图片选择）

(本文还是建议看下整体思路)最初我写APP的时候使用了Ionic3，今天去看了下文档，Ionic4相对于3的文档说明更清晰，代码也更加简化，社区变得越来越好还真是有点小开心呢。

Komorebi9·2019-07-12 16:31

ionic3使用自定义图标在IOS下不显示

如下：上图，我在tabs页面使用了自定义的图标（阿里图标），在IOS下未激活的时候，后两个图标都不显示，android下面完全正常，之前遇到的问题是因为图标没有颜色，给图标个颜色就行，然而现在怎么都不行。囧废话不多说，以下是解决方式：在app.scss中引入图标样式时需要以如下方式，第一个为激活状态下，第二个为未激活状态，其他类推.ion-ios-zixun:before{content:"\e6

zoroDcup·2019-07-10 17:31

ionic3 封装http请求

一，使用命令行创建服务ionicgprovidermy-http在app.moudule.ts中引入MyHttpProviderimport{MyHttpProvider}from'../providers/my-http/my-http';@NgModule({declarations:[],imports:[],bootstrap:[IonicApp],entryComponents:[MyA

An_zhou·2019-06-28 10:59

ionic4实现ionic3 NavController.removeView()的效果

在ionic3中，提供了NavCon

youthfighter·2019-06-25 13:06

ionic3 热更新

前提：在ionc3app项目的基础上1.设置Android平台ioniccordovaplatformaddandroid修改platforms/android/project.properties和platforms/android/CordovaLib/project.properties中的target="你的sdk版本"2.安装热更新插件cordovapluginaddcordova-ho

小叮当~·2019-06-12 13:50

搭建Iconic+angular混合APP开发环境

--type=angular–type=angular是需要多加的参数，现在官方只集成好了angualr或许以后就会有--type=vue或–type=react呢新建好项目后你会发现，与ionic2ionic3

pan0724·2019-06-06 10:19

ionic3+ 中隐藏子页面tabs选项卡的几种方法

ionic3中隐藏子页面tabs选项卡的几种方法第一种ionic隐藏全部底部tabs切换菜单的方法：隐藏全部子页面的tabs选项界面找到app.module.ts文件，修改如下代码imports:[IonicModule.forRoot

zoroDcup·2019-05-16 15:21

ionic3自定义图片自适应屏幕指令

移动端在显示穿插在大段内容中的图片时，要求图片能够自适应屏幕尺寸，等比例缩放。而通常内容中的图片，在后台编辑时会加入各种属性，例如宽高、边框、对齐方式等，这些属性会让图片在移动端的变形。下面提供一个能够使图片自适应屏幕显示的属性指令。一、创建指令ionicgdirectiveresetImg在src>directives中生成新文件如下：image.png二、指令代码import{Directiv

IT飞牛·2019-05-08 15:25

ionic3 时间选择器

1、安装npminstallion-multi-picker--save2、导入模块import{MultiPickerModule}from'ion-multi-picker';@NgModule({imports:[IonicModule.forRoot(MyApp),**MultiPickerModule**]3、html文件中引入4、数据constructor(){this.heightC

zxc19890923·2019-05-07 00:00

【ionic4】手势事件

在ionic3中手势事件是不需要引入其它模块的，但是ionic4中需要引入插件，直接使用是没有反应的，而且在ionic4的官网中也没有提供手势事件的相关知识。那么手势事件中都有哪些呢？

刘亚男-Nancy·2019-05-05 21:04

ionic3开发（填坑）之路

1.懒加载的问题ionic3使用了懒加载，所以页面之间的跳转可以直接使用字符串，例如：[navPush]='"HomePage"'，this.navCtrl.push('HomePage')，且不需要在

浩浩_ea64·2019-04-25 00:24

使用ionic4.12开发项目以及调试打包过程中遇到的坑

自己使用ionic3开发移动端项目，已有2年多的时间，现在最新的ionic4终于正式发布了，连官方文档（https://ionicframework.com/docs）默认页面都换成了ionic4，需要查看

穿鞋的面条·2019-04-18 14:01

Ionic - 增加热更新Cordova-hot-code-push

Ionic3开发时，经常会遇到需要频繁改动打包，如果这时候可以热更新整个APP的变动文件，那么就像web应用一样，在APP热更新。

Lucio_cn·2019-04-16 09:19

ionic3 报错 Uncaught Error: Cannot find module "."

index.js:3UncaughtError:Cannotfindmodule"."atwebpackMissingModule(index.js:3)atObject.defineProperty.value(index.js:3)atObject.(index.js:9)at__webpack_require__(bootstrapcdcdbc7d225d726ecde0:54)atObje

十八掌·2019-04-11 17:55

ionic3使用ion-multi-picker插件实现省市区三级联动的城市选择

首先安装ion-multi-picker插件输入命令：npminstallion-multi-picker--save在app.module.ts中引入插件import{MultiPickerModule}from'ion-multi-picker';@NgModule({imports:[…………MultiPickerModule,…………],})在某个页面使用时引入ion-multi-pick

An_zhou·2019-04-11 16:57

ionic3 在windows环境下打包android 正式签名版APK

生成签名文件keytool-genkey-aliasdemo.keystore-keyalgRSA-validity40000-keystoredemo.keystoredemo为签名文件名称，可自定义将打包后的未签名版的apk放到jdk/bin下jarsigner-verbose-keystoredemo.keystore-signedjargrtsjb.apkapp-release-unsig

vegetbaleBrid·2019-03-29 09:00

ionic3 + 时间控件Date Picker的运用

1.安装安装Cordova和IonicNative插件：$ioniccordovapluginaddcordova-plugin-datepicker$npminstall--save@ionic-native/date-picker2.在app.module.ts中引入date-picker：import{DatePicker}from'@ionic-native/date-picker';..

小楼南风·2019-03-26 00:00

Ionic3神奇错误汇总——未完待续....

xxxisnotafunction最近页面一直显示关于Ionic报错：xxisnotafunction。这个错误主要表现为页面无法跳转。代码照着视频对了好几遍，仍然无法跳转到页面。这时候从网上看到有个哥们重启了下服务，问题就解决了。如下问题。所谓的重启服务就是在当前命令行按ctrl+c，然后按Y（意思是确定强制退出当前任务）再次ionicserve启动下就好了~ERROR：StaticInject

刘桐ssss·2019-03-02 15:50

ionic3 实现判断登录状态，实现登录和注销功能

这篇文章原来是转载的，因为里面有些代码在实际应用上有些出入。笔者在这里进行了改良更新，所以标记为了原创。1.创建页面创建一个登录页面$ionicgpagelogin2.引入和声明在app.modules.ts中引入LoginPage，并在声明组件declarations、entryComponents中添加LoginPageimport{LoginPage}from'../pages/login/

豪杰创想·2019-02-28 17:07

推荐频道

IONIC3