美文网首页前端笔墨
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 前端开发小问题记录合集

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