js
关注
分享
扫一扫
lululululululu22
这个作者很懒，什么都没留下…
展开
-
路由跳转的时候两次push的path地址相同
vue-routerV3.1版本报错：message: “Navigating to current location (”/list") is not allowed",原因：路由跳转的时候两次push的path地址相同解决：1.切换版本回3.0版本2…在你引了vue-router的js文件里加上如下代码即可import Vue from 'vue';import Route...原创 2020-01-06 19:27:04 · 1478 阅读 · 1 评论 -
数据集合 转化为树结构数据 并符合antd的树结构数据
_handleTree(){ const testData2 = [ { sourceCode:"1", sourceName:"办公管理", parentCode:"0"}, { sourceCode:"2", sourceName:"请假申请", parentCode:"1"}, { sourceCode:"3", sourceName:"出差申请"...原创 2019-11-25 16:43:58 · 724 阅读 · 0 评论 -
通知栏单行文本超出横向滚动字 vue
html <div class="yellow-bar-contanier"> <div style="width: 46px">通知：</div> <div class="bar" ref="barparent"> <div class="bar...原创 2019-11-18 20:48:46 · 1581 阅读 · 0 评论 -
@media xs xr x css媒体查询 IPHONEX
//x,xs@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { ion-content { --padding-bottom: 130px; } } // xr @media only...原创 2019-02-15 16:01:40 · 4289 阅读 · 0 评论 -
IOS微信浏览器失去焦点后 键盘收起 页面挂掉 解决！❤️
微信内置浏览器最近（2019.02发现的问题，此时微信版本12）好像对H5页面支持不太友好啊，IOS 安卓未出现这样的问题简单描述一下页面及事发现场：登录页面：输入手机号、图片验证码、短信验证码输入图片验证码后（键盘还是被调起状态）－点击获取短信验证码按钮（input们失去焦点）－获取短验后，再点击页面基本上就挂掉了，哪里都没有反应。解决：想沟通产品直接检测到如果是微信浏览器，直接右上角...原创 2019-02-18 17:32:39 · 695 阅读 · 0 评论 -
copy2copyBoard 原生 复制文本到粘贴板
<input type="text" value="Hello World" id="myInput"><button onclick="myFunction()">Copy text</button>function myFunction() { var copyText = document.getElementById(&q原创 2019-02-28 11:23:01 · 361 阅读 · 0 评论 -
H5页面嵌套Native后 吊起键盘IOS出现推起页面等一系列问题
ngAfterViewInit(): void { setTimeout(() => { if (navigator.userAgent.toLowerCase().includes('iphone')) { document.querySelector('app-confirm-loan').addEventListener('touchmove',...原创 2019-02-19 10:28:05 · 486 阅读 · 0 评论 -
折线图
//css --- 必须对折线图设置宽高 .charts-contanier{ width: 600px; height:400px;}//html<head> <meta charset="utf-8"> <title>title</title> <base href="/"&g原创 2019-02-20 10:09:02 · 428 阅读 · 0 评论 -
antD表单
this.props.form.resetFields();使用 Form.create 处理后的表单具有自动收集数据并校验的功能 XXX = createForm()(XXX);使用 AntD 、React 双向数据绑定 getInitialState() { return { formData:{ ...原创 2019-04-01 14:54:53 · 1020 阅读 · 0 评论 -
AntD 问题
1.antd的Select,Cascader,Datepicker的下拉框随着页面的滚动而滚动这个问题是官方默认相对于页面body定位，只要改为相对于父级定位就可以了 Select,Cascader使用getPopupContainer={trigger => trigger.parentNode}Datepicker使用getCalendarContainer={trigger...原创 2019-03-28 15:21:55 · 555 阅读 · 0 评论 -
移动端 手机调起录像功能（目的 录像进行人脸识别）此文章只实现掉起并获取值
OK，代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewp...原创 2019-07-24 19:49:35 · 1271 阅读 · 0 评论 -
移动端 长按图片1、拉不起菜单，2、禁止拉起菜单
实现这个长按拉起效果原生img标签长按拉起是默认行为，当然，ios 跟android 的拉起中内容是不一样的，一般的产品都可以接受这个不同 { -webkit-user-select: text; -moz-user-select: text; -webkit-user-select:text; ...原创 2019-02-15 10:16:53 · 964 阅读 · 0 评论 -
JS html css IOS 苹果手机吊起键盘，页面会被推上去
if (navigator.userAgent.toLocaleLowerCase().includes('iphone')) { // @ts-ignore this.intervalFlag = setInterval(() =&amp;gt; { document.querySelector('body').scrollTop = 0; }, 20...原创 2019-02-15 09:58:18 · 3766 阅读 · 1 评论 -
检测手机横竖屏，吊起input 输入框横竖屏切换背景图压缩问题
window.addEventListener('orientationchange',()=>{ this.telephone.nativeElement.blur(); this.imgCode.nativeElement.blur(); this.smsCode.nativeElement.blur(); docu...原创 2018-08-14 17:42:02 · 453 阅读 · 0 评论 -
获取地址栏的参数
var mark;function getSearchParam(sParam) { var sPageURL = window.location.search.substring(1); var sURLVariables = sPageURL.split('&'); for (var i = 0; i < sURLVariables.length; i++) {...原创 2018-01-31 11:29:12 · 217 阅读 · 0 评论 -
angular2跳转路由， 获取路由参数
跳转路由import { Router,ActivatedRoute } from'@angular/router';constructor(private native:CordovaUtilsService,private service:ApiService,private page:JdbPageManager,priva原创 2018-01-31 11:34:35 · 2947 阅读 · 0 评论 -
angular2 input type＝date起止时间区间限制 开始时间只能小于终止时间
<html> <input type="date" [(ngModel)]='startTime' (change)="setMinEndTime()"> <span class="textZhi">至</span> <input type="date" [(ngModel)]='原创 2018-03-19 11:33:19 · 4633 阅读 · 0 评论 -
安卓输入框调起，背景图压缩，动态指定高度
通常在前端h5页面遇到安卓系统，调起输入框时会使整个背景图压缩的问题. 解决： 在页面初始化时，将对min－height进行指定。或js动态指定。 以下解决方案实现后，与ios系统调起键盘效果相同。html,body { height: 100%; min-height: 100%; width: 100%;}function ...原创 2018-03-06 15:52:55 · 790 阅读 · 0 评论 -
前端常用的正则；姓名 身份证号 微信 qq 大陆手机号码 表情符号正则
//姓名 let rightName = /^[\u4e00-\u9fa5]{2,10}$/.test(this.name); let 可以加点name ＝ /^[\u4e00-\u9fa5·]{2,10}$/.test(this.name);//身份证号（包括末尾大小写x）let rightIdentNum = /^(\d{15}$|^\d{18}$|^\d{17(\d|X|x))$...原创 2018-03-06 16:01:25 · 484 阅读 · 0 评论 -
1px物理像素，js移动端; css三角形
1px 物理像素 position: relative; border:none; &:after content: ''; position: absolute; bottom: 0; background: rgba(0,0,0,1); width: 100%; height: 1px; tran...原创 2018-03-06 16:21:51 · 398 阅读 · 0 评论 -
js截串后三位 截串从第一位到倒数第二位
js String对象的截串方法们、其实在W3school中方法们都有介绍，主要具体写一下应用 1⃣️ stringObject.substr(start,length) 此方法是获取从，指定索引开始包括开始索引在内 ，指定长度的字符串var str = 'hello world!';//获取后三位str.substr(－3,3)； //－－－'ld!'...原创 2018-03-27 17:17:19 · 25028 阅读 · 0 评论 -
js右下角实现剩余字数
js右下角实现剩余字数<input type='text' [(ngModel)]='purpose' (input)="checkLength(purpose)" maxlength='20' placeHolder="最多输入20字符"><span>剩余{{purposeLength}}字</span><script> c...原创 2017-12-04 17:31:12 · 1158 阅读 · 0 评论 -
git 命令
首先 ，根据git地址，将项目下载到本地git clone git库的地址二、检查你所在的分支git branch ＊master三、基于master分支创建新分支并切换到新分支git checkout -b newBranch四、开发完毕后git add .git commit -m'开发完毕'git pull origin newBranchgit push origin newBr...原创 2017-11-30 19:43:48 · 139 阅读 · 0 评论 -
position：fixed 失效
position :fixed 失效的问题，多半是因为父元素设置了transform 属性 ，使父元素在进行transform的过程中，形成一个浮层，所以看似页面在滚动或是发生变化，实际上页面并没有滚动。 解决方案一、将父元素的transform属性去掉。（这应该是不可能的。） 解决方案二、将对于设置fixed属性的元素脱离出带有transform属性的父元素...原创 2018-04-12 16:04:52 · 1367 阅读 · 0 评论 -
anular2 将今天的时间设置为日期格式最小时间
html<input type="date" [min]="getNowFormatDate()">js getNowFormatDate() { let date = new Date(); //date.setTime(date.getTime()+24*60*60*1000);明天的时间 let year = date.getFullYe...原创 2018-04-24 16:05:19 · 295 阅读 · 0 评论 -
js处理空格的函数
1⃣️module.exports = function(str){if (str == null) {return "";}str = str.toString();var len = str.length;var s = 0;var reg = /(\u3000|\s|\t|\u00A0)/;// stringObject.charAt(in原创 2017-11-30 18:57:26 · 440 阅读 · 0 评论