2019-08-20 前端开发小问题记录合集
2019-08-20 本文已影响0人
Cjate
1.Vue动态绑定ref并获取的方法
绑定语法 :ref="`thumb${item.gspecid}`"
获取语法： this.$refs[`thumb${item.gspecid}`]
2.H5页面获取url参数
//1.0版本
function getUrlParam(name) { //封装方法
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r != null) return unescape(r[2]);
return null; //返回参数值
}
let id = getUrlParam('id') //调用方法，参数为url地址传递参数名
//例子：
url地址为： www.xxxx.com?id=1&
let id = getUrlParam('id')
console.log(id) //输出1
//2.0版本
//上面的代码获取的中文会乱码，故有如下方法。
function getUrlParam(name) { //封装方法
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var l = decodeURI(window.location.search);
var r = l.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
3.关于js、css在每次引用之后添加版本号，使其能区分版本：
<link rel="stylesheet" type="text/css" href="./index.css?v=1.0">
<script src="./index.js?v=1.0"></script>
4.关于HTML的缓存，在<head></head>中间加入以下代码：
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
更新于2019-8-24
内容整理与网络，供个人记录方便以后遇到同样问题时的解决问题
