前端方法记录

数组中删除指定的对象

    deleteSelect(item, array) {
      let index = array.indexOf(item)
      if (index !== -1) {
        array.splice(index, 1)
      }
    }

判断对象是否为空

  checkNullObj  (value) {
     if (value !== undefined && value !== null) {
       if (Object.keys(value).length === 0) {
         return false
       }
       return true
     }
     return false
   }

判断数组是否为空

  checkNullArray (value) {
    if (value !== undefined && value !== null) {
      if (value.length === 0) {
        return false
      }
      return true
    }
    return false
  }

判断string

isStringNull (value) {
  return (value === null || value === undefined || value === '' ? '' : value)
}

模糊查询

var _this = this;
var NewItems = [];
this.middleData.map(function(item) {
   if (item.name.search(_this.centreInput) != -1) {
       NewItems.push(item);
   }
});
console.log(NewItems);

Vue Router的params和query传参的使用和区别

1.使用params传参只能用name来引入路由，即push里面只能是name:’xxxx’,不能是path:’/xxx’,因为params只能用name来引入路由，如果这里写成了path，接收参数页面会是undefined
2.使用query传参使用path来引入路由,使用name也可以
3.params是路由的一部分,必须要在路由后面添加参数名。query是拼接在url后面的参数
4.二者还有点区别，直白的来说query相当于get请求，页面跳转的时候，可以在地址栏看到请求参数，而params相当于post请求，参数不会再地址栏中显示

//params传参 使用name
this.$router.push({
  name:'test',
  params: {
    id:'20180822'
  }
})
//params接收
this.id = this.$route.params.id ;

//query传参，使用name跳转
this.$router.push({
    name:'test',
    query: {
        queryId:'20180822'    }
})

//query传参，使用path跳转
this.$router.push({
    path:'second',
    query: {
        queryId:'test'
    }
})
//query传参接收
this.queryId = this.$route.query.queryId;

flex布局实现不换行且不挤在一起效果

// 父级div (不换行,但会显示滚动条)
.parents{
	display:flex;
}
// 子级div 
.child{
	flex-shrink:0;
}

英文单词换行，只对英文起作用，以字母作为换行依据

word-break: break-all;

前端js获取数组的最后一位

1.    array[array.length - 1]
2.    array.pop()

对象的深拷贝

Object.assign({},this.obj)

数组的深拷贝

let newArr = array.concat()

文本添加省略号

单行文本省略添加如下css

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

删除对象中指定的key

delete(obj["key"]);

flex布局下实现右对齐

<div style="margin-left:auto;"></div>

加载图片报403错误

getImages( _url ){
   if( _url !== undefined ){
        let _u = _url.substring( 7 );
        return 'https://images.weserv.nl/?url=' + _u;
    }
}

拆分 汉字 和 数字的字符串

numStr() {
	var reg1 = /(\d{1,3})+(?:\.\d+)?/g // 鉴别数字
	var reg2 = /[\u4e00-\u9fa5]{2,}/g // 鉴别汉字
	var str = '77是哪国人23很方便不接电话个4657834.58人民币'
	var arr1 = str.match(reg1)
	var arr2 = str.match(reg2)
	console.log(arr1,'111',arr2); // ["77", "23", "4657834.58"] "111" (3) ["是哪国人", "很方便不接电话个", "人民币"]
},