前端日常开发遇到的问题及解决方法汇总

日常开发中遇到的问题及解决办法,以备日后查看

这是在日常开发中遇到的问题及解决方法记录在这,以备日后开发遇到,方便查看

1.判断字符串中是否存在某个的字符串

有两种方式:

  1. test
		var str="sunny,woo";
		var sear=new RegExp(',');
		if(sear.test(str)){
			alert('Yes');
		}

2. indexOf

		var str="sunny,woo";
		var tag=',';
	   if(str.indexOf(tag)!=-1){
	      alert('Yes');
	   }

2.将一个数组的数据添加到另一个数组中

this.listData是要添加数据的数组,this.waybillNumber是被添加的数组

		for(var i=0;i<this.listData.length;i++){
            this.listData[i].forEach((value, index) =>{
              value['waybillNo'] = this.waybillNumber[index]
            })
        }

3.删除数组中的某条数据

this.listData是要删除数据的数组,使用splice(index,1)删除数据,index为数组的下标,数字为删除几条,默认为1

		for(var i=0;i<that.listData.length;i++){
          if(that.listData[i][0].id == val[0].id){
            that.listData.splice(i,1)
          }
        }

4.限制按钮在某个时间段不可点击

需求:在某一个时间段(如:16:30-17:30),在当前时间段中按钮不可点击
思路:在时间段之间进行比较,获取系统当前时间的时间戳和两个限制时间段的时间戳的值,加if判断,此种方法不安全,用户可随意修改时间,建议获取服务器时间

		// 获取当前时间
	    getTime(){
	      var timestamp = Date.parse(new Date());
	      return timestamp;
	    },
	    // 此方法为按钮点击方法
	    batchApplypay() {
	      var newDate = this.getTime()	// 此处获取系统当前时间点
	      var timestamp = new Date();
	      var y = timestamp.getFullYear();  // 获取当前时间的年
	      var m = timestamp.getMonth() + 1;  // 获取当前时间的月
	      var d = timestamp.getDate();  // 获取当前时间的日
	      var startTime = y + '-' + m + '-' + d + ' 16:30:00';	// 拼接开始限制时间点
	      var endTime = y + '-' + m + '-' + d + ' 17:30:00';	// 拼接结束限制时间点
	      startTime = Date.parse(new Date(startTime));  
	      endTime = Date.parse(new Date(endTime));  
	      if(newDate >startTime && newDate < endTime){	// 进行比较
	        this.$message({
	            type: 'warning',
	            message: `每天16:30分至17:30分禁止操作`,
	            duration: 2000
	          });
	          return;
	      }else {
	      	// 此处为正常操作
	      }
	     }
  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值