问题
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
的值,id
和currentusertype
可以换其他值,通过相同方式,在函数中获取。
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解码