zoukankan      html  css  js  c++  java
  • 【常用技巧】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()
     
  • 相关阅读:
    Git将本地代码迁移到其他地方(TFS)
    vs code config
    window10 vs 以管理员打开
    Azure database
    ApplicationInsights.config导致Azure Storage 403
    sql server try catch tran
    vs code shortcut
    从备份文件bak中识别SQL Server的版本
    SQL SERVER导出模型图
    powerdesigner设计的pdm模型导出清晰图片格式
  • 原文地址:https://www.cnblogs.com/xiaohuizhang/p/12071424.html
Copyright © 2011-2022 走看看