【常用技巧】js开发的一些技巧

1、console.log的特殊用法：

添加%c特殊符号即可打印出样式

console.log("%c djsakiasjdkasjdkjas","font-size:60px;color:#999;font-weight:bold")

 2、生成随机颜色

// 生成随机十六进制代码 如：'#c618b2''#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0');

3、本地时间
通过一堆HTML，您可以创建一个本地时间，其中包含您可以一口气读出的源代码，它每秒都会用当前时间更新页面。

// 创建本地时间
<body onload="setInterval(()=>
document.body.innerHTML=new Date().toLocaleString().slice(10,19))">
</body>

 4、setTimeout代替setinterval方案

//页面自动切换

var pageAuto = false;

if(pageAuto){

    var $list =  setTimeout(function(){

        var $len = $(".card-list").length,

            i = 0;   

        function  logCount() {

            console.log(i);

            _card.gotoPage(i)

            i = i+1;

            if(i < $len){

                setTimeout(logCount,5000);

            }

        }

        logCount()

    },500)

}

 

5、async  await的作用

function abc(){
    return new Promise((resolve, reject)=>{
        let sino = parseInt(Math.random() * 6 +1)
        setTimeout(()=>{
            resolve(sino)
        },3000)
    })
}
async function test(){
    let n =await abc()
    console.log(n)
}
test()