问题

2018-09-28  本文已影响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解码
上一篇下一篇

猜你喜欢

热点阅读