美文网首页前端笔墨
2019-08-20 前端开发小问题记录合集

2019-08-20 前端开发小问题记录合集

作者: Cjate | 来源:发表于2019-08-20 17:37 被阅读0次

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
内容整理与网络,供个人记录方便以后遇到同样问题时的解决问题

相关文章

  • 2019-08-20 前端开发小问题记录合集

    1.Vue动态绑定ref并获取的方法 2.H5页面获取url参数 3.关于js、css在每次引用之后添加版本号,使...

  • 前端速来!2017年6月前端开发者干货大合集

    每个月的前端开发者干货素材大合集,相对而言更加专注于为网页设计师和前端开发者搜集相关的工具和素材,这次的大合集当中...

  • Vue遇到的一些小问题

    描述: 在使用Quasar框架进行前端开发过程中,遇到各种各样的小问题,在此记录一下。 路由的正则匹配 描述: 在...

  • 开发记录小问题

    一、关于屏幕旋转的监听UIDevice.orientationDidChangeNotification 通知当设...

  • 前端开发小问题汇总

    壹,ios 使用alert弹窗取消默认的域名 贰,登录信息储存 推荐在vue中使用good-storage,使用方...

  • w3chool前端开发教程地图

    有关前端开发的w3c教程合集。 http://caibaojian.com/w3school/ 地图 ajax教程...

  • 前端开发工具合集

    资源在文档底部 Node 相关 node版本管理工具[https://github.com/coreybutler...

  • 小问题合集

    如何从github上下载单个文件?打开github上文件地址,点击Raw获取真实文件地址,然后通过curl命令下载...

  • Android开发中小问题汇总三

    【Android开发中小问题汇总目录】【Android开发中小问题汇总一】【Android开发中小问题汇总二】 A...

  • 移动端 - 收藏集 - 掘金

    腾讯 2016 公司代码报告前端开发总结 - 前端 - 掘金2016年腾讯公司代码报告已经正式发布,记录下开发过程...

网友评论

    本文标题:2019-08-20 前端开发小问题记录合集

    本文链接:https://www.haomeiwen.com/subject/xstmsctx.html