前端

1.常见js的匹配

1.匹配ip地址合法性

var obj = this.keywords;

var exp = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;

var reg = obj.match(exp);

if (reg == null) {

// alert("IP地址不合法！");

this.$message.error("IP地址不合法！")

} else {

alert("IP地址合法！");

// 执行全局搜索查询

this.$refs.idcSearch.IDCData(this.keywords);

this.$router.replace("/IDCSearch");

}

2.匹配url问号后面的内容

location = "10.254.11.254:8000/?bgbu=2&bgbu=4" var bgbustr = location.split("?")[1]

var list = bgbustr.match(/\d+/g) list = ["2","4"]

2.iframe

''

3.js 实现交集并集和差集

var set1 = new Set([1,2,3]); var set2 = new Set([2,3,4]);

并集 let union = new Set([...set1, ...set2]);

交集 let intersect = new Set([...set1].filter( x => set2.has(x)));

差集 let difference = new Set([...set1].filter(x => !set2.has(x)));

4.前端输入框输入内容比较卡顿

--可将input输入框类型改为文本域-----> type="textarea"

5.自定义导出

clickDownload: function () { let vm = this; //vm.content = response.data.data; var str = "接口名称,操作类型,调用时间,调用者,调用结果 "; for (var i = 0; i < vm.tableData.length; i++) { str = str + vm.tableData[i].codeName + "," \+ vm.tableData[i].operateCont + "," \+ vm.tableData[i].createTime + "," \+ vm.tableData[i].userName + "," \+ vm.tableData[i].operateResult + " " }

str = encodeURIComponent(str); var link = document.createElement("a"); link.href = "data:text/csv;charset=utf-8,\ufeff" + str; link.style = "visibility:hidden"; link.download = "系统日志.csv"; document.body.appendChild(link); link.click(); document.body.removeChild(link); }