【常用技巧】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()
复制代码

 

 
posted @   JeckHui  阅读(153)  评论(0)  编辑  收藏  举报
编辑推荐：
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛（1）
点击右上角即可分享
微信分享提示