问题

作者: 公纸晓白 | 来源:发表于2018-09-28 15:35 被阅读0次

    POP插件使用:

    1.弹框插件(Pop):

    $.Pop('您还没有创建简历 ,立即' + '<a href="/usercenter/#/personal/center">创建简历</a>',  {Class: 'zwqneed'});//添加自定义类名zwqneed
    

    2.提示插件(Pro):

    $.Pro('内容', {Time: s,  EndOn: function () { 完成后执行的函数})
    

    s是持续时间,单位为秒,EndOn:提示完成后执行的函数。

    JS相关:点击问题:

     data-id={{resumeInfo.id}} data-currentusertype={{user.type}
    

    js点击传值时,上面的值this.dataset.id可以获取到data-id的值,this.dataset.currentusertype可以获取到data-currentusertype的值,idcurrentusertype可以换其他值,通过相同方式,在函数中获取。

    CSS相关:首页显示广告:

    {# 首页显示 #}
    //函数判断网站地址
     function GetUrlRelativePath()
      {
        var url = document.location.toString();
        var arrUrl = url.split("//");
        var start = arrUrl[1].indexOf("/");
        var relUrl = arrUrl[1].substring(start);//stop省略,截取从start开始到结尾的所有字符
        if(relUrl.indexOf("?") != -1){
          relUrl = relUrl.split("?")[0];
        }
        return relUrl;
      }
     var url=GetUrlRelativePath();
    if(url === '/'){
    $(".zwq-ad-head").show();
    $(".zwq-ad-banner").show();
    }
    

    CSS相关:父元素的子元素:

    .zwq>div:nth-child(15n-1)
    //class为zwq的元素下子元素第(15n-1)个,n为倍数变量,0开始
    

    CSS相关:属性渐变

    //css内
      transition-delay: 20s;//延时(不一定有效)
      transition:height 4s;//(4s完成 对height属性的变化)
      -moz-transition:height 4s; /* Firefox 4 */
      -webkit-transition:height 4s; /* Safari and Chrome */
      -o-transition:height 4s; /* Opera */
    //script里的函数
    function zwAd(){
    document.getElementById("zwq").style.height="0px";//height变为0px,由于设置了transtion,将会在4s内收缩。用于收缩弹出图
    }
    setTimeout("zwAd()",10000);
    

    JS相关:获取cookie内的token:

    //获取cookie函数
    function getCookie(c_name) {
        if (document.cookie.length > 0) {
          c_start = document.cookie.indexOf(c_name + '=')
          if (c_start != -1) {
            c_start = c_start + c_name.length + 1
            c_end = document.cookie.indexOf(';', c_start)
            if (c_end == -1) c_end = document.cookie.length
            return unescape(document.cookie.substring(c_start, c_end))
          }
        }
        return ''
      }
    

    获取token:var token = getCookie('token');

    CSS相关:超出不换行,转换省略号"..."

      display: inline-block;//必须为block或inline-block
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    

    数据处理:

    //将‘\r\n’转换为换行
      str = str.toString();
      str = str.replace(/\r\n/g, '<br>').replace(/\n/g, '<br>');
      return str;
    /**************************************************************/
    <a target="_blank" href="/company/{{item.id}}"</a> //新窗口打开链接
    

    字符编码

    //文字
    escape编码
    unescape解码
    //url
    encodeURL 编码
    decodeURL解码
    

    相关文章

      网友评论

          本文标题:问题

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