qq_39252703的博客

原创 element分页封装

1.Pagination.vue<template> <div :class="{'hidden':hidden}" class="pagination-container"> <el-pagination :background="background" :current-page.sync="currentPage" :page-size.sync="pageSize" :layout="layout"

原创 中英文自动翻译（有道翻译、彩云小译）

一.有道翻译1）获取应用ID和应用密钥 https://ai.youdao.com/doc.s#guide2）遵循接口参数接入 具体参考接口文档：https://ai.youdao.com/DOCSIRMA/html/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E7%BF%BB%E8%AF%91/API%E6%96%87%E6%A1%A3/%E6%96%87%E6%9C%AC%E7%BF%BB%E8%AF%91%E6%9C%8D%E5%8A...

原创 Vue2Editor 富文本编辑器 图片base64太长问题

api地址：https://www.vue2editor.com/api.html#props参考：https://zhuanlan.zhihu.com/p/100985112<vue-editor v-model="listInfo.infoContent" use-custom-image-handler @image-added="handleImageAdded"/>handleImageAdded: functi..

原创 ionic gradle配置

原创 ionic android打包报错

需要更新grandle

翻译 angular订阅者模式

流程：1.创建noticeSevice服务，内部有一个Subject时间发射器subject；2.send(...)为发送数据，实际就是一个事件；3.get(...)为获取Observable对象，但是此时没有订阅者，那么就没有订阅者可通知；4.A组件把noticeSevice服务类添加进来，然后在启动的时候激活这个send(...)事件；5.B组件内在启动的时候通过get(...).subscribe(...)订阅这个send(...)事件；6.subscribe()内部的参数是o

原创 ionic app版本更新

1.page.html<ion-card> <div id="progressnum"></div></ion-card>2.page.tsimport { Component, OnInit } from '@angular/core';import { NavController } from '@ionic/angular';import { FileOpener } from '@ionic-native/file-

原创 ion-datetime滚动报错问题

原创 http请求拦截器

1.拦截器收集 api/http-interceptor.ts/** * 拦截器 收集 * barrel */import { HTTP_INTERCEPTORS } from '@angular/common/http';import { InterceptorService } from '../sevices/app.intercept';export const htt...

原创 ionic公用弹框、提示框封装

1.baseui.tsimport { LoadingController, ToastController } from '@ionic/angular';import { NavController } from '@ionic/angular';export abstract class BaseUI { public loadingIsOpen: any = false;...

原创 angular富文本解析，内置样式不生效问题

1.新建管道 pipe/htmlpipi.pipe.ts文件import { Pipe, PipeTransform } from '@angular/core';import { DomSanitizer } from "@angular/platform-browser";@Pipe({ name: 'htmlpipe'})export class HtmlpipePipe ...

原创 防抖指令

1.新建debounce-click 指令2.directives/debounce-click.directive.tsimport { Directive, EventEmitter, HostListener, Input, OnInit, Output } from '@angular/core';import { Subject, Subscription } from 'r...

原创 EventEmitter 事件驱动

1.安装：npm install--save eventemitter32.建立一个服务servicesionic g service services/event3.event.service.tsimport { Injectable } from '@angular/core';import { EventEmitter } from 'eventemitter3';...

转载 angular 点击div区域外div隐藏

import { ElementRef, HostListener, ViewChildren, QueryList } from '@angular/core';<div #unclick></div><div class="unclick">区域外</Div>

原创 ionic3 android热更新

1.安装node环境；2.安装ionic，cordova框架：npm install -g cordova ionic3.新建ionic项目ionic start app tabs tabs：创建一个选项卡项目            blank：创建一个空白项目            sidemenu：创建一个侧边菜单项目            super: 创建一个预制的完...

原创 ionic3 slides手动滑动轮播图后无法自动播放问题

1.&lt;ion-slides loop="true" autoplay="3000" pager (ionSlideAutoplayStop)="autoPlay()"&gt; 2.import { Slides } from 'ionic-angular';3.@ViewChild(Slides) slides: Slides;4.autoPlay() {this.slides...

原创 ionic3启动后白屏

1.配置config.xml文件：&lt;preference name="ShowSplashScreenSpinner" value="false" /&gt; &lt;preference name="AutoHideSplashScreen" value="false" /&gt; &lt;preference name="FadeSplashScr

原创 Ionic3 click事件失效

问题描述：click事件在某些android机上失效，加上alert就好用问题分析：click和*ngIf一同使用 &lt;div class="equip" *ngIf="item1.room.length&gt;0" (click)="goLab(item3.id,item1.id)"&gt;&lt;/div&gt;解决方案：将click事件和*ngIf分开写             ...

原创 ionic3启动前黑屏

1.启动前黑屏 1）platforms/android/app/src/AndroidManifest.xml      &lt;application android:hardwareAccelerated="true" android:icon="@mipmap/icon" android:label="@string/app_name" android:supportsRtl="tr...

原创 ionic3 ion-segment动态添加数据，点击无效

解决方案：import { ViewChild } from '@angular/core';import {Segment } from 'ionic-angular';export class FloorsPage {   @ViewChild(Segment) segment: Segment;}在数据请求之后添加：setTimeout(() =&gt; { ...

原创 css实现根据元素宽度值，设置高度

div{       width:40%;       height:0;       font-size:0;       line-height:0;       padding:40% 0 0;}padding的值可以设置为两种类型。 1. 一种是固定值（例如 px单位），必须是正值； 2. 第二种则是百分比值(%)，此时 padding的大小是相对于元素的 ...

原创 ionic3问题总结

1.二级页面隐藏返回键：    &lt;ion-navbar hideBackButton="true"&gt;           &lt;ion-title&gt;标题&lt;/ion-title&gt;     &lt;/ion-navbar&gt;2.安卓软键盘弹出页面压缩：   打开platforms/android/app/src/main/AndroidManif...

原创 数组中去除重复的对象

reduce：var hash = {}; this.myapplyList = this.myapplyList.reduce(function(item, next) { hash[next.id] ? "" : (hash[next.id] = true &amp;&amp; item.push(next)); return item; }, []);

转载 ionic3打包apk启动慢问题

1.在config.xml添加以下属性：&lt;!--默认有前四个配置，后面三个是另外添加的--&gt;&lt;preference name="SplashScreen" value="screen"/&gt;&lt;preference name="SplashScreenDelay" value="3000"/&gt;#显示时间&lt;preference name=

转载 ionic3自定义tabs icon图标

1.tabs.scss.ion-tab-icon-base { width: 32px !important; height: 32px !important; padding: 4px 4px 2px; } .ion-tab-icon-md-base { min-width: 0 !important; heigh...

翻译 ionic3扫一扫功能

1.安装插件     ionic cordova plugin add cordova-plugin-cszbar     npm install --save @ionic-native/zbar2.引入    import { ZBar, ZBarOptions }  from  '@ionic-native/zbar';    constructor(  private zbar : ZBa...