代码小知识点汇总

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); }
}
}