vue项目零碎知识小记


记录项目过程中一些零碎的知识点,扩充自己的知识面。

1. 时间大小的比较

(1)日期时间一起比较dataTime1,dataTime2

// 方法1,利用Date.parse()方法-------但是Date.parse()方法不兼容IE浏览器,不支持
var dataTime1 = Date.parse(this.dataTime1);
var dataTime2 = Date.parse(this.dataTime2);
if(dataTime1 > dataTime2) {
    console.log('dataTime1大于dataTime2')
}

支持下面的方法

// 方法2
var dataTime1 = new Date(this.dataTime1.replace(/-/g, "\/"));  // 若是日期格式为2021-03-12,则替换为2021/03/12
var dataTime2 = new Date(this.dataTime2.replace(/-/g, "\/"));
if(dataTime1 > dataTime2) {
    console.log('dataTime1大于dataTime2');
}

如果是比较两个日期时间是否相等,若是利用上面提到的转化之后,使用dataTime1 == dataTime2判断,即便是时间相等,返回的也是false。是因为它们都是对象,是引用类型,正确判断相等的方法如下:

// 方法1---在转化为日期对象的基础上,获取日期对象的时间戳进行比较
if(dataTime1.getTime() == dataTime2.getTime()) {
    console.log('dataTime1等于dataTime2');
}
// 方法2---日期对象做减法,判断结果是否为0
if(dataTime1 - dataTime2 == 0) {
    console.log('dataTime1等于dataTime2');
}

(2)比较时间time1,time2,如果是24小时制,格式规范的hh:mm的字符串,可直接进行比较

if(this.time1 > this.time2) {
    console.log('time1大于time2')
}

2. 展示base64编码的图片

后台直接返回图片的base64编码,前端如何显示?

// 在后台的返回值前面加上下面的前缀字符串
this.photo = "data:image/png;base64," + this.photo;
// 页面直接读取即可
<img :src="photo" >

文章作者: 木华
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 木华 !
评论