经验分享
AndrewWen099
闻道有先后,术业有专攻。
展开
-
嵌套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...原创 2021-09-18 15:52:31 · 238 阅读 · 0 评论 -
局域网内访问指定IP 的AngularJS项目
在package.json中配置运行scripts:"start":"ng serve --host 192.168.x.xxx --port 4200"然后在其他的电脑浏览器上访问:192.168.1.121:4200即可有问题可以消息多谢。原创 2021-08-09 17:32:36 · 371 阅读 · 0 评论 -
span 使用inline-block处理流式布局
原创 2021-07-03 11:24:49 · 250 阅读 · 0 评论 -
in budgets, maximum exceeded for initial. Budget 5 MB was exceeded by 4.1 MB.
解决办法:修改angular.json文件中的budgets属性改到10即可。原创 2021-06-11 16:52:54 · 502 阅读 · 0 评论 -
ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
解决办法:1、删除C:\Users{账户}\下的.npmrc文件.2、关闭所有cmd /代码编辑器3、重新打开cmd并再次运行节点命令(npm等)原创 2021-04-23 11:41:11 · 601 阅读 · 1 评论 -
将//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.原创 2021-04-22 10:26:36 · 379 阅读 · 0 评论 -
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.原创 2021-03-22 17:49:38 · 381 阅读 · 0 评论 -
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原创 2021-03-12 17:04:19 · 136 阅读 · 0 评论 -
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原创 2021-03-11 16:33:22 · 1376 阅读 · 0 评论 -
js常用函数例如通过两种方式校验图片地址是否有效
1.第一种方式通过回调image图片的onError函数: // 判断图片是否存在 有效返回true, 无效返回false isImgUrlValid(imgurl) { return new Promise((resolve, reject) => { const ImgObj = new Image(); // 判断图片是否存在 ImgObj.src = imgurl; ImgObj.onload = (res) => {原创 2021-03-10 13:48:19 · 1498 阅读 · 0 评论 -
分享到58表单提交
前提最近新增一个表单提交的功能实现原创 2021-03-05 11:41:09 · 164 阅读 · 1 评论 -
修改确定按钮可以通过脚本配置控制向前或者向后跳转到指定的页面。
前提通过配置实现如下功能:用户在修改完数据之后页面可以根据配置来控制页面是从新向前跳转到新的页面还是向后返回到指定页面。实现步骤1.详情页面点击完善户型2.跳转到完善户型明细点击更多按钮3.点击更多按钮跳转到户型明细列表页面然后点修改4.确定按钮配置一个back参数用于前端控制向前或者向后回退处理。脚本配置如下:代码处理如下: success(res, item) { if (res.message) { thi..原创 2021-03-04 10:21:56 · 432 阅读 · 1 评论 -
使用Firefox访问官网点击发布按钮打开新的选项卡新页面登录信息丢失问题
前提:我们的登录信息数据都是存cookie里面的,新打开的选项卡会校验是否要删除cookie,所以需要在firefox中配置不勾选关闭FireFox时删除Cookie与网站数据。原创 2021-02-23 10:51:14 · 356 阅读 · 0 评论 -
ionic 页面生命周期以及使用场景
转载 2021-01-14 21:51:32 · 159 阅读 · 0 评论 -
解决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'原创 2021-01-09 14:21:34 · 3273 阅读 · 0 评论 -
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如果删除不了 则需要原创 2021-01-04 16:07:16 · 498 阅读 · 0 评论 -
android启用和停用自动备份
android 6.0 (API 级别 23 或者更高)版本的应用会自动参与自动备份。设置布尔值android:allowBackUp="true"即可启用或者停用备份。xml配置如下:<manifest ... > ... <application android:allowBackup="true" ... > ... </application></manifest>一般app会停用自动备份,原因是转载 2020-12-30 14:11:29 · 538 阅读 · 0 评论 -
首页路由点击返回弹窗处理
原创 2020-12-28 18:21:42 · 145 阅读 · 0 评论 -
flex布局兼容iphone 11及以上手机
今日推荐客户与今日推荐成交 分别在一个大的div中,如果是宽屏手机例如,iphone11或者iphone12 会出现两个div 向两边对齐的情况,为了避免这种情况,使用flex布局,给这两个div设置flex-grow等于1 即可。如果今日推荐要放在 上面的给我推荐的banner组件下面可以使用margin-top为-0.63rem来实现,然后这两个div都需要使用position:relative相对布局。...原创 2020-12-25 15:51:08 · 1302 阅读 · 0 评论 -
iphone小屏幕更多信息没有居中
如下图所示出现这个问题的原因是因为图片不够100%或者不够div的高度。解决办法:先将background-size设置为100%,然后在让其平铺。 display: flex; width: 100%; justify-content: space-between; align-items: center; background-image: url("../../../assets/img/recomme原创 2020-12-23 14:52:11 · 546 阅读 · 0 评论 -
解决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原创 2020-12-21 14:45:19 · 4165 阅读 · 2 评论 -
使用ion-segment控件实现当前选中选项卡圆角样式
公司新增tab选项卡样式如下图所示:我的处理方式通过样式加上代码点击事件控制样式的方式来改变当前选中的元素的boder-radius,从而实现上面这一种效果。首先我们把最外层ion-segment控件整个背景设置为白色如下图所示:其次我们再把ion-segment-button的背景色设置为浅灰色如下图所示:然后我们在处理这个ion-segment-button里面的div布局最后我们通过代码来控制当前选中的ion-segment-button按钮两边的弧度让,举原创 2020-12-17 18:51:10 · 403 阅读 · 0 评论 -
解决执行npm i 报错 operation not permitted
前提:最新开发后台管理系统,从公司gitlab上下载最新的admin代码:运行npm i 报错 operation not permittedE:\webview\admin>npm inpm WARN tarball tarball data for ng-zorro-antd@1.6.0 (sha512-qZz/7X/ihi8Cyn/rXYRAooloLnVxkP4SivA1QErSaigJ0VqRKsKVSh/P+CngMkgX9kmYTm5TVcC9awrIWznw3A==)原创 2020-12-15 16:34:23 · 3211 阅读 · 2 评论 -
原生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...原创 2020-12-15 11:01:39 · 91 阅读 · 0 评论 -
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"...原创 2020-12-15 10:27:07 · 176 阅读 · 0 评论 -
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...原创 2020-12-11 13:05:22 · 386 阅读 · 0 评论 -
百度地图开放平台如何获取发布版SHA1
SHA1分为发布版和开发版,便于开发者开发调试和最终上线使用。1通过Eclipse获取使用 adt 22 以上版本,可以在 Eclipse 中直接查看,具体位置如下:Windows:依次在 Eclipse 中打开 Window -> Preferances -> Android -> Build;Mac:依次在 Eclipse 中打开 Eclipse/ADT->Preferances -> Android -> Build。在弹出的对话框中SHA1 f转载 2020-12-10 10:23:40 · 971 阅读 · 0 评论 -
解决我的页面昵称不显示的脚本配置
需要在登录页面记录缓存<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...原创 2020-12-09 17:05:45 · 259 阅读 · 0 评论 -
解决我的页面个人简介超过2行文字显示省略号
前提:html5文字显示省略号 首先先到的是text-overflow试了下 单行可以但是双行或者n行就不行,于是用了max-height通过计算一行的文字高度来限制显示几行文字是ok但是省略号没有出来于是就找了下以前的记录。通过-webkit-line-clamp属性设置行数处理了。效果图如下注意下面这段代码有解析顺序,如果顺序不对上面这种情况下不会显示省略号。 display: -webkit-box; -webkit-box-orient: vertical; -web原创 2020-12-09 16:35:16 · 121 阅读 · 0 评论 -
解决执行 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.原创 2020-12-09 14:39:28 · 2637 阅读 · 0 评论 -
解决 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.原创 2020-12-09 14:16:37 · 593 阅读 · 2 评论 -
百度地图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原创 2020-12-08 16:07:38 · 308 阅读 · 0 评论 -
安装小米智能家居
首先准备好下面一些只能应用:1.小米智能网关。2.智能窗帘电机。(Zigbee开合帘版)3.门窗传感器。4.人体传感器。5.米家智能插座(Zigbee版)准备好以后,先从手机应用市场下载米家app打开米家app注册账号 输入登录账号登录首先需要添加的是网关,添加好智能网关就可以结合门窗传感器 以及智能窗帘电机,还有智能插座控制空调和 小米智能电视。首先添加一个打开门自动控制窗帘的配置。如上图。...原创 2020-12-07 09:56:32 · 661 阅读 · 0 评论 -
荐商发布tab点击切换发布表单参数没有切换
商铺信息与添加客户是一个顶部tab 它里面的标签都是在view容器里面的。例如发布表单{ "type":"view", "style":"view.DefaultViewLogic", "name":null, "isGrayBg":false, "showWaterImg":false, "tags":[ { "type":"tag", "style":"tag.AppGenera..原创 2020-12-05 11:39:31 · 107 阅读 · 0 评论 -
监听ionic的生命周期事件解决dom还没有全部加载导致获取不了元素的bug
ngAfterViewInit(): void { this.initViewAllBtn(); }查看全部按钮这个时候还没有加载所以需要通过声明周期钩子回调 initViewAllBtn() { const description = document.getElementById('desc') as HTMLElement; if (description == null) { return; } const viewAllDi..原创 2020-12-03 17:11:30 · 230 阅读 · 0 评论 -
信息详情弹窗加载的时候报tagData undefined
重现步骤1.从首页进入点击列表里面的item选项然后跳转到信息详情页面。2.点击页面的返回按钮,我们产品设定会有一个弹窗显示。这个弹窗的数据是通过page页面传值的,传值代码如下: const modal = await this.modalController.create({ showBackdrop: true, cssClass: 'recommend-modal', animated: false,原创 2020-12-03 15:25:33 · 139 阅读 · 0 评论 -
事半功倍之swtichbutton添加样式
前提:我想用button实现一个横向单选框的效果,第一个问题就是button里面的label字体出现在可以横向滑动的div里面变成了垂直显示的样式异常问题。解决方法就是:给每一个button设置宽度。让它的最小宽度可以控制,比方一个中文字是0.81rem,那么就用字的数量n乘以0.81 得出的结果设置到min-width属性里面。第二个问题就是正选和反向选择,需要自己手动实现。刚开始的时候我用的是通过样式来获取所有的按钮,然后在通过样式改变反选发现思路不对,导致反选没有达到想要的效果。导致单原创 2020-12-02 11:40:53 · 131 阅读 · 0 评论 -
字体出现垂直展示
解决办法:处理该按钮所在的div计算宽度即可。原创 2020-12-01 18:33:00 · 110 阅读 · 0 评论 -
手机app弹出提示询问获取定位权限,有三个选项,仅使用期间这个选项是什么用途呢
手机app弹出提示询问获取定位权限,有三个选项,仅使用期间允许这个选项是什么用途呢主要用于防止app在后台获取用户的定位信息。原创 2020-12-01 13:48:08 · 7181 阅读 · 0 评论 -
打新股和打新债有什么区别?
打新股 需要每个月炒股产生流水交易量,大新债没有要求0资金也可以参与,一般大新债中签了就交1000元 等收300-400 回来大概 1400-1500 左右1.上市时间 新股 一般14个交易日左右上市,新债一般20个交易日上市。2.交易方式 :新股T+1 ,新债 T + 0。3.交易限制:新股需要交易额1万,新债 0资金。...原创 2020-12-01 09:52:51 · 862 阅读 · 0 评论