代码小知识点汇总

1、关于分享链接

// 分享
function copyImg() {
if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //区分iPhone设备
window.getSelection().removeAllRanges(); //这段代码必须放在前面否则无效
var Url2 = document.getElementById("biaoios"); //要复制文字的节点
var range = document.createRange(); //设置range对象
range.selectNode(Url2); // 选中需要复制的节点
window.getSelection().addRange(range);// 执行选中元素
var successful = document.execCommand('copy'); // 执行 copy 操作
window.getSelection().removeAllRanges(); // 移除选中的元素
if (successful) {
alert('3')
} else {
alert('4')
}
} else {
var Url2 = document.getElementById("biao1"); //要复制文字的节点
Url2.select(); // 选择对象
var successful = document.execCommand("Copy"); // 执行浏览器复制命令
if (successful) {
alert('1')
} else {
alert('0')
}
}
}

function save() {
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
$('.model').show()
} else if (/(Android)/i.test(navigator.userAgent)) { //判断Android

} else { //pc

};
}

2、关于手机号中间四位用*代替

// 电话号码
var phone = $(".userInfo p").text()
var tel1 = phone.replace(phone.substring(3, 7), "****")
$(".userInfo p").text(tel1)

3、css实现跑马灯文字

// css实现跑马灯
.father{
height: 25px;
line-height: 25px;
box-sizing: border-box;
word-break: break-all;
white-space: nowrap;
overflow: hidden;
.children{
display: inline-block;
padding-left: 50%; /* 从右至左开始滚动 */
animation: marqueeTransform 16s linear infinite;
}
@keyframes marqueeTransform {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
}