常见js知识点

1.当一个图片与一行文字需要水平垂直居中时，给图片img设置属性vertical-align:middle;

2.ToFixed()四舍五入为指定小数 

   （parseInt(this.num)*this.pric).toFixed(2).将金额保留两位小数

3.对象字符串之间的转换

    对象转字符串   JSON.stringify(obj)

  字符串转对象   JSON.parse(str)

4.字符串拼接

   （var).join(",")

5.input框只能输入数字的控制

  pc   οnkeyup=“this.value=this.value.replace(/^(0+)|[^\d]+/g,")"    onafterpaste="this.value=this.value.replace(/^(0+)[^\d]+/g,")"

 手机端   οninput="this.value=this.value.replace(/\D/g,")"

6.js实现每四位用“：”隔开

 var  num1="4262079669"

var num2=num1.replace(/(.{4})/g,"$1:")

7.删除数组中指定的某个元素

arr.splice(1,2)表示从第二个开始，删除长度为2

arr.splice(0,1)表示删除第一个元素

8.获取当前年与日的时间

let date=new Date();

let Y=date.getFullYear()+'-';

let M=(date.getMonth()+1<10?'0'+(date.getMonth()+1:date.getMonth()+1)+'-';

let D=(date.getDate()<10?'0'+date.getDate():date.getDate())+'-';

let datedata=Y+M+D;

9.js获取前一个月的时间

let dayMonths=[0,31,28,31,30,31,30,31,31,30,31,30,31]

let Y=date.getFullYear();

let M=date.getMonth()+1;

let D=date.getDate();

if(((Y%4)===0)&&((Y%100)!==0)||((Y%400)===0)){

dayMonths[2]=29;

}

if(M-1===0){

Y-=1;

M=12;

}else{
M-=1;

}

D=Math.min(D.dayMonths[M]);

if(M<10){
M='0'+M;

}
if(D<10){
D='0'+D}
this.datastr=Y+'-'+M+'-'+D;

10.vue页面之间传参数

  1>参数在url中显示

2>this.$route.params.参数名

3>this.$route.query.参数名

传值段：this.$router.push({path:"/url",query:{res:JSON.stringify(res)}})

接收端   this.data=JSON.parse(this.$router.query.res);

11.判断输入框是否为空

valueEmpty(){

let isEmpty=true

if(this.data.userName==" "||this.data.userName==null){

isEmpty=false

Toast('姓名不能为空')

}else if(this.data.idNo==" "||this.data.idNo==null){

isEmpty=false

Toast('证件号码不能为空')

}else if(this.data.mobilPahone==" "||this.data.mobilPahone==null){

isEmpty=false

Toast(手机号码不能为空')

}

return isEmpty;

}

在方法中判断

函数名(){

if(this.valueEmpty()){
//执行输入不为空的代码

}
}

 

{

　　path:'/paramsUrl/:name/:age/:sex',
　　component:paramsUrl
}