吕阿蒙的博客

由于要离职，所以工程要交接给同事，所遇到的一些问题记录下来1、ionic5安装完依赖，运行不起来同事使用命令npm install -g cordova ionic安装的是ionic5，使用 ionic5 新建工程后 ionic start 跑不起来解决方法：升级 node，使用v14.17.1稳定版本就可以使项目运行起来。2、ionic4 的老工程安装依赖一直报错PS C:\zp_ionic\quality-evaluation> npm i> n...

问题：在android8的机子上运行正常，在android9的机子上登录都登不进去，应该是网络请求的原因解决方法：在app/src/main/res/xml/文件下加入network_config.xml在app/src/main/AndroidManifest.xml中application添加属性android:networkSecurityConfig="@xml/network_config"network_config.xml文件内容<?xml version="1.0

需要添加SplashScreenionic cordova plugin add cordova-plugin-splashscreennpm install @ionic-native/splash-screen在app.component.ts文件中加入这句话this.splashScreen.hide();

1. 安装 Angular 的ng-zorro-antd 组件库npm install ng-zorro-antd@7.3.3 --save //因为我本地的Angular版本是7.2.2，所以只能用低版本的zorro*注意需要查看本地Angular的版本，在https://ng.ant.design/docs/introduce/zh这个网站上查看所需要的版本2. 安装@angular/animations，同样需要和你本地Angular版本保持一致cnpm inst...

1.安装插件angular-cropperjsnpm i angular-cropperjs --savenpm install cropperjs2.创建剪裁Pageionic g page cropperImage3.编写html界面<ion-content class="content"> <angular-cropper [cropperOptions]="config" [imageUrl]="imageUrl" #angularCroppe.

1.安装插件 Mediaionic cordova plugin add cordova-plugin-medianpm install @ionic-native/media2. app.module.ts 申明引用import { Media } from '@ionic-native/media/ngx';providers:[Media]3.创建service服务组件ionic g选择 service4.实现录音方法import { Media,

问题：自定义的组件，使用在header上的时候，iOS测试的时候，无论是进入页面还是退出页面，都会不流畅，没有动画效果解决：在自定义的控件外面套一层div就会有动画效果了！！！（也是很神奇的）<ion-header> <ion-toolbar class="topBarSelect"> <div> <app-segment [itemArr]="itemArr" (segmentChanged)="onCli

ionic cordova plugins list //查看安装的插件ionic cordova plugins remove cordova-plugin-camera //删除已安装的插件npm uninstall @ionic-native/camera //删除已安装的插件npm install @ionic-native/camera //添加插件ionic cordova plugin add cordova-plugin-camera //添加新...

1、在 app.module.ts 导入 translate 组件import { TranslateModule, TranslateLoader, TranslateService } from '@ngx-translate/core';import { TranslateHttpLoader } from '@ngx-translate/http-loader';import { HttpClientModule, HttpClient } from '@angular/common/ht

有一个需求，就是需要iOS退出app，但是@ionic-native没有现成的插件，只有Android的最小化插件。1、首先在http://cordova.axuer.com/plugins/?q=exit&platforms=cordova-ios找合适的 cordova 组件2、找到了https://www.npmjs.com/package/cordova-plugin-app-exit这款插件3、添加插件cordova plugin add cordova-...

问题1：上传选择文件是用input写的，安卓的微信选择文件的时候，选择下载（download）目录下的文件时候，会刷新页面然后重新进入首页。iOS的微信上没有遇到这个问题。解决办法：升级微信到7.0.14，哭晕~~~<input class="fileInput" type="file" [accept]="fileType" (change)="onSelectFileChange($event)" id="file"/>问题2：微信选择文件的时候，accept 如果.

ionic build --prod --engine browser这个是打 web 包的命令，在打移动端的包之前，最好先运行一下这句，可以减小包的大小，避免出现的进入页面加载巨慢的情况安卓debug:ionic cordova build android --prod安卓release: ionic cordova build android --prod --rel...

目录一、使用 Ionic 内置的生命周期二、使用广播的方式三、添加返回参数四、添加回调函数一、使用 Ionic 内置的生命周期每次进入页面都刷新。当然每次进入就刷新不太好，浪费了流量，有列表的话也不在上次浏览的位置。ionViewWillEnter() {}二、使用广播的方式1.引入包 npm install --save eventemitter32...

需要修改原生FileHelper.java文件else if (isDownloadsDocument(uri)) { final String id = DocumentsContract.getDocumentId(uri); if (Build.VERSION.SDK_INT < Build.VERSION_CODES.O){//判断有没有超过an...

神奇的问题1. 退出登录后，会收到重复的两条消息原因：因为没有调用 removeEventListener 删除监听方法，所以会监听多个网上找了很多删除监听的方法，终于找到正确的删除监听方法如下，不用bind方法//去除监听removeListenNotification() { document.removeEventListener("jpush.receiveNo...

原因：由于异步导致dissmiss()方法先走，然后才执行present()方法在stackoverflow上找到了比较好的解决办法public loadingIsOpen: any = false; ////loading加载 async show() { this.loadingIsOpen = true; return await this.loadingC...

按照文档内容，Mime类型文件使用逗号分隔，没有效果。解决办法：在FileChooser.java修改代码intent.setType("*/*");if (!TextUtils.isEmpty(uri_filter)) {String[] mimeTypes = uri_filter.split(",");if (mimeTypes.length &gt...

iOS13获取本地视频的路径：file:///private/var/mobile/Containers/Data/PluginKitPlugin/43792FA5-A8F8-4ECA-8CCE-0C5877088858/tmp/trim.7F9B8FC4-3307-4452-9F96-46A5D9A9DDD5.MOV比iOS12多了一个 PluginKitPlugin 的文件夹，导致文件...

最近在页面跳转的时候，出现如下提示：Navigation triggered outside Angular zone, did you forget to call 'ngZone.run()'？出现地方：在点击退出登录提示框，跳转到登录页面的时候会出现这句提示。导致的问题：登录成功后，跳转到主页面，页面不走ngOnInit（），然后切换tab页的时候，才走这个方法，导致页面空白。...

因为微信公众号文章具有防盗链，所以不能直接用iframe内嵌显示文章内容。下面是解决问题的步骤1、请求链接，获取整个html//微信公众号文章内容 getWeixinContent(URL:any){ let http = (window.location.protocol === 'http:' ? 'http:' : 'https:'); let realurl ...

1、Ionic4.x 目录结构分析e2e：端对端测试文件node_modules：项目所需要的依赖包resources：Android / iOS 资源 （更换图标和启动动画）src：开发工作目录，页面、样式、脚本和图片都放在这个目录下www：静态文件，ionic build --prod 生成的单页面静态资源文件platforms：生成 Android 或者 iOS ...

路由守卫场景：只有当用户登录并拥有某些权限的时候才能进入某些路由。Angular提供了一些钩子帮助控制进入或离开路由。这些钩子就是路由守卫，可以通过这些 钩子实现上面场景。CanActivate:处理导航到某路由的情况。 CanDeactivate:处理从当前路由离开的情况。 Resolve:在路由激活之前获取路由数据。1、创建一个 login.guard.tsi...

1、color 定义按钮颜色<ion-button color="primary"> primary </ion-button>2、expand 设置按钮宽带<ion-button color="primary" expand="block"> button </ion-button> <ion-button color="...

1、ion-input 单行文本框<ion-list> <ion-item> <ion-label>用户名:</ion-label> <ion-input [(ngModel)]="peopleInfo.username"></ion-input> </ion-i...

1、Ionic Theming（主题）Ionic4.x修改主题颜色的话需要在src/theme/variables.scss文件中修改。2、增加内置主题颜色找到src/theme/variables.scss文件，如下代码新增favorite颜色.ion-color-favorite { --ion-color-base: #69bb7b; --i...

//在项目的 src/main.ts 中引入 hammerjsnpm install hammerjs --saveimport 'hammerjs';tap ionic4点击事件press ionic4长按事件panionic4滑动的时候触发的事件,滑动触发多次swipeionic4滑动事件 滑动触发一次rotateionic4旋转事件...

1、ion-infinite-scroll上拉分页加载更多<ion-content> <ion-list> <ion-item *ngFor="let item of data"> {{item}}</ion-item> </ion-list> <ion-infinite-scroll #myI...

1、普通路由跳转<ion-button [routerLink]="['/pinfo']"> 跳转到详情</ion-button><ion-header> <ion-toolbar> <ion-buttons slot="start"> <ion-back-button defaultHref="/ta...

Ionic4中内置的生命周期函数ionViewWillEnter—当进入一个页面时触发(如果它从堆栈返回) ionViewDidEnter—进入后触发 ionViewWillLeave—如果页面将离开触发 ionViewDidLeave—在页面离开后触发 ionViewWillUnload—页面卸载的时候会触发，如果无法触发使用ngOnDestroyI...

npm install --save eventemitter31、定义公共的服务配置EventEmitterimport { Injectable} from '@angular/core'; import {EventEmitter} from 'eventemitter3'; @Injectable({ providedIn: 'root' })export cl...

遇到一个问题：iframe加载一个html一直报错，Error: Eequired a safe ResourceURL,got a HTML解决办法：引入“DomSanitizer”具体实现：import { DomSanitizer } from "@angular/platform-browser";constructor(private sanitizer: ...

需要用到的属性：no-border //ion-header 去除边框 transparent //ion-toolbar 透明背景 - 这个没用到 fullscreen //ion-content 占全屏 scrollEvents //ion-content 滚动标识 代码HTML<ion-header no-border> <ion-toolbar...

<ion-slides #slide1 [options]="slidesOpts" (ionSlideTouchEnd)="slideTouchEnd()" (click)="onClickSlide()"> <ion-slide *ngFor="let item of bannerList" > <img [src]="item.img"...

由于项目需求使用了原生组件 ion-slides 来实现轮播图，从此踏上了一条不归路首先上HTML代码<ion-slides #slide1 [options]="slidesOpts" (click)="onClickSlide()"> <ion-slide *ngFor="let item of bannerList"> <i...

1、安装JDKhttps://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html点击图中的框，安装Mac版本2、安装Android Studiohttps://developer.android.google.cn/studio3、环境变量配置打开终端，输入...

刚开始使用 marquee 标签一切都正常，但是在某两台红米上，就不显示文字了，背景色还是有的，就是文字不出来所以开始寻找替代方法；找到 jquery 插件，找到两个，分别是jQuery.Marquee jquery.limarqueejquery.limarquee 使用结果首先弃用了 limaquee，因为根本不会动，调试了看到文字上面套了一层 div 它的 left...

问题：键盘遮挡输入框、底部栏和键盘一起移动方案一：ionFocus、 ionBlur 监听输入框的焦点获取HTML <ion-input placeholder="请输入用户名" [(ngModel)]="username" (ionFocus)="focusInput()" (ionBlur)="blurInput()">JSfocusInput() { ...

1、Ionic 介绍Ionic是一个开源的移动应用程序开发框架，它可以轻松地使用web技术构建高质量的跨平台的移动应用。可以让我们快速开发移动App、移动端WEB页面、微信公众平台应用，混合app web页面等。Ionic4.x以后在Angular、Vue、React基础上面做了一些封装，让我们可以更快速和容易的开发移动的项目。Ionic调用原生的功能是基于C...