lululululululu22-CSDN博客

原创 mac express安装脚手架搭建node服务项目

npm install -g cnpm --registry=https://registry.npm.taobao.org//cnpm init//cnpm install//cnpm install express --save1、创建一个文件夹mkdir node-demo2、进入文件夹cd node-demo/3、全局下载安装expresssudo cnpm i -g ...

2020-02-27 16:24:24 477

原创路由跳转的时候两次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 1496 1

原创数据集合转化为树结构数据并符合antd的树结构数据

_handleTree(){ const testData2 = [ { sourceCode:"1", sourceName:"办公管理", parentCode:"0"}, { sourceCode:"2", sourceName:"请假申请", parentCode:"1"}, { sourceCode:"3", sourceName:"出差申请"...

2019-11-25 16:43:58 743

原创通知栏单行文本超出横向滚动字 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 1597

原创移动端手机调起录像功能（目的录像进行人脸识别）此文章只实现掉起并获取值

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 1283

原创 antD表单

this.props.form.resetFields();使用 Form.create 处理后的表单具有自动收集数据并校验的功能 XXX = createForm()(XXX);使用 AntD 、React 双向数据绑定 getInitialState() { return { formData:{ ...

2019-04-01 14:54:53 1028

原创 AntD 问题

1.antd的Select,Cascader,Datepicker的下拉框随着页面的滚动而滚动这个问题是官方默认相对于页面body定位，只要改为相对于父级定位就可以了 Select,Cascader使用getPopupContainer={trigger => trigger.parentNode}Datepicker使用getCalendarContainer={trigger...

2019-03-28 15:21:55 615

原创 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 370

原创折线图

//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 452

原创 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 493

原创 IOS微信浏览器失去焦点后键盘收起页面挂掉解决！❤️

微信内置浏览器最近（2019.02发现的问题，此时微信版本12）好像对H5页面支持不太友好啊，IOS 安卓未出现这样的问题简单描述一下页面及事发现场：登录页面：输入手机号、图片验证码、短信验证码输入图片验证码后（键盘还是被调起状态）－点击获取短信验证码按钮（input们失去焦点）－获取短验后，再点击页面基本上就挂掉了，哪里都没有反应。解决：想沟通产品直接检测到如果是微信浏览器，直接右上角...

2019-02-18 17:32:39 702

原创 @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 4299

原创移动端长按图片1、拉不起菜单，2、禁止拉起菜单

实现这个长按拉起效果原生img标签长按拉起是默认行为，当然，ios 跟android 的拉起中内容是不一样的，一般的产品都可以接受这个不同 { -webkit-user-select: text; -moz-user-select: text; -webkit-user-select:text; ...

2019-02-15 10:16:53 981

原创 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 3778 1

原创检测手机横竖屏，吊起input 输入框横竖屏切换背景图压缩问题

window.addEventListener('orientationchange',()=>{ this.telephone.nativeElement.blur(); this.imgCode.nativeElement.blur(); this.smsCode.nativeElement.blur(); docu...

2018-08-14 17:42:02 462

原创 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 304

原创 position：fixed 失效

position :fixed 失效的问题，多半是因为父元素设置了transform 属性，使父元素在进行transform的过程中，形成一个浮层，所以看似页面在滚动或是发生变化，实际上页面并没有滚动。解决方案一、将父元素的transform属性去掉。（这应该是不可能的。）解决方案二、将对于设置fixed属性的元素脱离出带有transform属性的父元素...

2018-04-12 16:04:52 1376

原创 js截串后三位截串从第一位到倒数第二位

js String对象的截串方法们、其实在W3school中方法们都有介绍，主要具体写一下应用 1⃣️ stringObject.substr(start,length) 此方法是获取从，指定索引开始包括开始索引在内，指定长度的字符串var str = 'hello world!';//获取后三位str.substr(－3,3)； //－－－'ld!'...

2018-03-27 17:17:19 25127

原创 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 4644

原创 css元素的垂直水平居中；flex 已知元素宽高未知元素宽高

1、使用flex布局实现元素的垂直水平居中.box { display: flex; justify-content: center; align-items: center;} 2、已知元素的宽高，实现元素的垂直水平居中先将元素整体向左、向下移动相对水平居中元素的50％，再利用margin为负值，反向拖动元...

2018-03-06 16:33:43 430

原创 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 406

原创前端常用的正则；姓名身份证号微信 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 501

原创安卓输入框调起，背景图压缩，动态指定高度

通常在前端h5页面遇到安卓系统，调起输入框时会使整个背景图压缩的问题. 解决：在页面初始化时，将对min－height进行指定。或js动态指定。以下解决方案实现后，与ios系统调起键盘效果相同。html,body { height: 100%; min-height: 100%; width: 100%;}function ...

2018-03-06 15:52:55 803

原创 angular2跳转路由，获取路由参数

跳转路由import { Router,ActivatedRoute } from'@angular/router';constructor(private native:CordovaUtilsService,private service:ApiService,private page:JdbPageManager,priva

2018-01-31 11:34:35 2954

原创获取地址栏的参数

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 224

原创 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 1169

转载欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-12-04 16:40:04 155

原创 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 145

原创 angualr2组件之间传递数据

angular组件之间相互传递数据子组件向父组件传递数据－－通过自定义事件的方式，实现从子组件想父组件传递数据 public test;@Output() test = new EventEmitter() (click)=“send()”>send(){this.test.emit({mess:’message’;});}父组件中：

2017-11-30 19:21:22 277

原创 input number类型和text类型的区别

input type=‘number’ 1⃣️number类型的框使用maxlength限制输入长度是无效的。解决：number框需要对长度进行限制(绑定input事件监听－－例如长度最长为5位)myNumber)' [(ngModel)]='myNumber'>checkLength(ev){ if (ev + '').length>=5) { setTi

2017-11-30 19:12:23 3687

原创 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 446

lunmeifan的博客