u012381782的博客

原创 嵌套div特效

第一个嵌套DIV的样式如下：padding-top: 1.5rem; height: 8.25rem; font-size: 1.25rem; font-weight: bold; color: rgb(37, 38, 41); background: linear-gradient(270deg, rgb(255, 58, 51) 0%, rgb(255, 112, 51) 100%); border-radius: 50px / 8p...

原创 Ionic 4 框架下 openfire接收到消息刷新列表白屏问题

如下图所示：im通过userId登录im系统正常，进入聊天详情页面能正常聊天，收发消息都ok，但是当用户在邀约列表页面获取邀约列表信息的时候，收到消息页面刷了两下就白屏了，使用元素查看器查看列表发现消息有数据，但是没有看到值，于是调试onconnection方法，打了断点，始终没有找到问题的原因，最后只要用排除法一个function一个function的注释，然后调试，原来是系统使用了setInterval()导致更新视图的时候interrupt了，解决办法就是 优化setInterval()。.

原创 局域网内访问指定IP 的AngularJS项目

在package.json中配置运行scripts:"start":"ng serve --host 192.168.x.xxx --port 4200"然后在其他的电脑浏览器上访问：192.168.1.121:4200即可有问题可以消息多谢。

原创 span 使用inline-block处理流式布局

原创 in budgets, maximum exceeded for initial. Budget 5 MB was exceeded by 4.1 MB.

解决办法：修改angular.json文件中的budgets属性改到10即可。

原创 ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

解决办法：1、删除C:\Users{账户}\下的.npmrc文件.2、关闭所有cmd /代码编辑器3、重新打开cmd并再次运行节点命令（npm等）

原创 将//tslint:disable 代码加在组件上方从而控制整个component不提示tslint

import { Component, Input, OnInit } from '@angular/core';import { AppGlobalService } from 'src/app/shared/service/app-global.service';import { HttpService } from 'src/app/shared/service/http.service';import { FirstLevel } from '../sift/firstLevel.model.

原创 CSS控制时间右对齐的一种方式

<div class="item-content-bg" *ngIf="item.area?.firstText?.label || item.area?.secondText?.label || item.rent || item.transferFee || item.location || item.time"> <p class="item-content"> <s.

原创 ionic APP 样式因为--prod被压缩丢失padding属性

下面这段css 经过 --prod压缩过后 会使padding-left,padding-right这两个属性失效，所以最好去掉padding:auto 0.5rem;.recomment-action{ display: inline-block; height:1.5rem; line-height: 1.5rem; border-radius:0.13rem; border:0.03rem solid rgba(182,183,191,1); fo

原创 H5调用系统自带短信功能并且填充内容

最近做了一个功能需要通过html代码调用手机的系统自带的短信功能，采用和tel:手机号码一样的方式使用sms:10086来处理： copyToPaste(item) { try { if (item.style === 'phone') { this.presentAlertConfirm(item.value); } else if (item.style === 'weixin') { this.copyUrl(item.value

原创 js常用函数例如通过两种方式校验图片地址是否有效

1.第一种方式通过回调image图片的onError函数： // 判断图片是否存在 有效返回true, 无效返回false isImgUrlValid(imgurl) { return new Promise((resolve, reject) => { const ImgObj = new Image(); // 判断图片是否存在 ImgObj.src = imgurl; ImgObj.onload = (res) => {

原创 分享到58表单提交

前提最近新增一个表单提交的功能实现

原创 修改确定按钮可以通过脚本配置控制向前或者向后跳转到指定的页面。

前提通过配置实现如下功能：用户在修改完数据之后页面可以根据配置来控制页面是从新向前跳转到新的页面还是向后返回到指定页面。实现步骤1.详情页面点击完善户型2.跳转到完善户型明细点击更多按钮3.点击更多按钮跳转到户型明细列表页面然后点修改4.确定按钮配置一个back参数用于前端控制向前或者向后回退处理。脚本配置如下:代码处理如下： success(res, item) { if (res.message) { thi..

原创 使用Firefox访问官网点击发布按钮打开新的选项卡新页面登录信息丢失问题

前提：我们的登录信息数据都是存cookie里面的，新打开的选项卡会校验是否要删除cookie，所以需要在firefox中配置不勾选关闭FireFox时删除Cookie与网站数据。

原创 使用chromeDevl tools生成任意尺寸的图片等小技巧

使用chromeDevl tools生成任意尺寸的图片

转载 ionic 页面生命周期以及使用场景

原创 解决credential-cache‘ is not a git command. See ‘git --help

昨天使用sourceTree下载gitee上面的仓库代码碰到一个问题：命令: git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks ls-remote https://gitee.com/xxx/xxx.git输出: 错误: git: 'credential-cache' is not a git command. See 'git --help'.git: 'credential-cache'

原创 ionic4集成支付宝插件 cordova-plugin-alipay-v2

插件名称:cordova-plugin-alipay-v2// 集成本地插件的命令：ionic cordova plugin add D:\github\cordova-plugin-alipay-v2-master --variable APP_ID=xxx注意事项：集成到本地之前，需要先调用删除命令remove调原来的插件ionic cordova plugin rm cordova-plugin-alipay-v2 --variable APP_ID=xxx如果删除不了 则需要

转载 android启用和停用自动备份

android 6.0 (API 级别 23 或者更高)版本的应用会自动参与自动备份。设置布尔值android:allowBackUp="true"即可启用或者停用备份。xml配置如下：<manifest ... > ... <application android:allowBackup="true" ... > ... </application></manifest>一般app会停用自动备份，原因是

原创 首页路由点击返回弹窗处理

原创 flex布局兼容iphone 11及以上手机

今日推荐客户与今日推荐成交 分别在一个大的div中，如果是宽屏手机例如，iphone11或者iphone12 会出现两个div 向两边对齐的情况，为了避免这种情况，使用flex布局，给这两个div设置flex-grow等于1 即可。如果今日推荐要放在 上面的给我推荐的banner组件下面可以使用margin-top为-0.63rem来实现，然后这两个div都需要使用position:relative相对布局。...

原创 iphone小屏幕更多信息没有居中

如下图所示出现这个问题的原因是因为图片不够100%或者不够div的高度。解决办法：先将background-size设置为100%，然后在让其平铺。 display: flex; width: 100%; justify-content: space-between; align-items: center; background-image: url("../../../assets/img/recomme

原创 解决ERROR Error: Cannot find a differ supporting object ‘[object Object]‘

前提：最近新增一个标签html页面新增如下代码: <ng-container *ngFor="let item of this.secondLevelModalData"> <li class="publish-li" (click)="publishClick(item)"> <div class="publish-li-clicle"> <img class="li-img" src="{{ite

原创 使用ion-segment控件实现当前选中选项卡圆角样式

公司新增tab选项卡样式如下图所示：我的处理方式通过样式加上代码点击事件控制样式的方式来改变当前选中的元素的boder-radius，从而实现上面这一种效果。首先我们把最外层ion-segment控件整个背景设置为白色如下图所示：其次我们再把ion-segment-button的背景色设置为浅灰色如下图所示：然后我们在处理这个ion-segment-button里面的div布局最后我们通过代码来控制当前选中的ion-segment-button按钮两边的弧度让，举

原创 解决执行npm i 报错 operation not permitted

前提：最新开发后台管理系统，从公司gitlab上下载最新的admin代码：运行npm i 报错 operation not permittedE:\webview\admin>npm inpm WARN tarball tarball data for [email protected] (sha512-qZz/7X/ihi8Cyn/rXYRAooloLnVxkP4SivA1QErSaigJ0VqRKsKVSh/P+CngMkgX9kmYTm5TVcC9awrIWznw3A==)

原创 原生div实现租金对比

<div class="section"> <div class="top" *ngIf="tagData['data']['myValue'];else falsyTemplate" [ngStyle]="{ 'margin-left': tagData['data']['myValue'] <= tagData['data']['maxValue'] / 2 ? (tagData['data']['myValu...

原创 ionic集成echart展示条形图

npm i echartshtml中定义如下：<section> <div echarts [options]="chartOption" class="bar-chart"></div></section>ts文件处理：import { Component, OnInit, Input } from "@angular/core";@Component({ selector: "app-customer-source"...

原创 ionic集成极光推送

1.安装1.1 运行安装命令：npm ijpush-phonegap-plugin1.2 添加极光推送cordova插件：ioniccordovapluginaddhttps://github.com/jpush/jpush-phonegap-plugin.git--variableAPP_KEY=your_jpush_appkey2.项目配置2.1 配置app.module.ts文件import { JPush } from '@jiguang-ionic/jpush...

转载 百度地图开放平台如何获取发布版SHA1

SHA1分为发布版和开发版，便于开发者开发调试和最终上线使用。1通过Eclipse获取使用 adt 22 以上版本，可以在 Eclipse 中直接查看，具体位置如下：Windows：依次在 Eclipse 中打开 Window -> Preferances -> Android -> Build；Mac：依次在 Eclipse 中打开 Eclipse/ADT->Preferances -> Android -> Build。在弹出的对话框中SHA1 f

原创 解决我的页面昵称不显示的脚本配置

需要在登录页面记录缓存<sessionMap userId="##user_id" userName="##nickname" cityId=":pageCityId()" userAvator="##avatar_url" userMobile="##account" /><?xml version="1.0" encoding="utf-8" ?><define:appLoginPage xmlns:plugin="http://pupuwang.c...

原创 解决我的页面个人简介超过2行文字显示省略号

前提：html5文字显示省略号 首先先到的是text-overflow试了下 单行可以但是双行或者n行就不行，于是用了max-height通过计算一行的文字高度来限制显示几行文字是ok但是省略号没有出来于是就找了下以前的记录。通过-webkit-line-clamp属性设置行数处理了。效果图如下注意下面这段代码有解析顺序，如果顺序不对上面这种情况下不会显示省略号。 display: -webkit-box; -webkit-box-orient: vertical; -web

原创 解决执行 cordova res命令时报 Cannot find module ‘../build/Release/sharp.node‘

D:\project\app_jianshang>ionic cordova resources android> cordova-res.cmd android[cordova-res] C:\Users\Administrator\AppData\Roaming\npm\node_modules\cordova-res\node_modules\sharp\lib\constructor.js:34[cordova-res] throw new Error(error);[co.

原创 解决 ionic打包apk 报错 Unexpected token e in JSON at position 0

D:\project\app_jianshang>ionic cordova run android√ Creating .\www directory for you - done!SyntaxError: Unexpected token e in JSON at position 0at JSON.parse (<anonymous>)at Object.getNativeTargets (C:\Users\Administrator\AppData\Roaming\np.

原创 百度地图apitypescript版本异步添加动态按钮

1.创建地图：const map = this.map = new BMap.Map(this.mapElement.nativeElement, { minZoom: 5, maxZoom: 21, enableMapClick: true });map.disableKeyboard();map.disableDoubleClickZoom();map.enableScrollWheelZoom(); // 允许滚动缩放功能map.disableContinuousZoom();m

原创 从page页面接口获取标签思考if与if else使用场景

前提：page页面接口获取多个标签，如果需要在改页面只能添加一种类型就用 if(){}else if(){}如果要添加多种则可以用if分代码块处理举个例子:当前页面 既有homeAppTabTag 又有 imagesTag就用 分段if ，如果业务只需要用一个ta就用 if(){}else if(){} // 先清空 头部标题以及 标题栏 view this.coms = null; this.tabsService.getPageDat

原创 ionic我的收藏可以滑动的嵌套segament

顶部住房，商铺 用segament控件，里面又嵌套了一层

原创 安装小米智能家居

首先准备好下面一些只能应用：1.小米智能网关。2.智能窗帘电机。（Zigbee开合帘版）3.门窗传感器。4.人体传感器。5.米家智能插座(Zigbee版)准备好以后，先从手机应用市场下载米家app打开米家app注册账号 输入登录账号登录首先需要添加的是网关，添加好智能网关就可以结合门窗传感器 以及智能窗帘电机，还有智能插座控制空调和 小米智能电视。首先添加一个打开门自动控制窗帘的配置。如上图。...

原创 ion-segament控件可以通过代码调用click事件

前提：entrypage.html主容器的header 配置segament用于tab切换，主容器里面的content嵌套了好几个tab,然后这个tab里面有子组件。需要通过代码调用segament的点击事件。<ion-header *ngIf="titleBar && titleBar!=={} " [ngClass]="{'isHeight': !isHeader, 'header-orange': titleBar.cssStyle === 'orange','

原创 荐商发布tab点击切换发布表单参数没有切换

商铺信息与添加客户是一个顶部tab 它里面的标签都是在view容器里面的。例如发布表单{ "type":"view", "style":"view.DefaultViewLogic", "name":null, "isGrayBg":false, "showWaterImg":false, "tags":[ { "type":"tag", "style":"tag.AppGenera..

原创 cordova-plugin-qqsdkv0.9.7分享到ios手机QQ上报未识别应用

cordova-plugin-qqsdkv0.9.7分享到ios手机QQ上报未识别应用解决办法：更新QQSDK 到3.3.7 版本号。